@charset "utf-8";

/* 레이아웃 */
#header {position:relative; z-index:50;}
.head_con {position:relative; max-width:1320px; margin:0 auto; padding:17px 20px;}
.head_con .logo {text-align:center;}
.head_con .logo img {vertical-align:top;}
.head_con .util {position:absolute; top:50%; right:20px; margin-top:-12px;}
.head_con .util a {float:left; width:92px; margin-left:4px; border-radius:3px; color:#fff; font-size:14px; line-height:24px; text-align:center;}
.head_con .util a.lang {background:#21426f;}
.head_con .util a.sitemap {background:#3e3e3e;}

.gnb_box {position:relative; height:56px; border-top:1px solid #d5d5d5; background:#fff;}
.gnb_box .gnb_bg {position:relative; background:url('../images/common/bg_gnb.jpg') no-repeat center bottom;}
.gnb_box .gnb_bg:before {content:''; position:absolute; top:0; left:0; width:100%; height:55px; border-bottom:1px solid #d5d5d5; background:#fff; box-sizing:border-box;}
#gnb {display:-webkit-flex; display:flex; flex-wrap:wrap; position:relative; max-width:1280px; margin:0 auto;}
#gnb > li {width:33.333333%; border-right:1px solid #d5d5d5;}
#gnb > li:first-child {border-left:1px solid #d5d5d5;}
#gnb > li > a {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:55px; padding:0 5px 1px; color:#333; font-size:18px; line-height:22px; font-weight:500; text-align:center;}
#gnb > li > .depth {position:relative; height:1px; margin-top:-1px; opacity:0.01; overflow:hidden;}
.gnb_box.open #gnb > li > .depth {height:auto; margin-top:0; opacity:1;}
#gnb > li > .depth > li > a {display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; height:68px; padding:0 5px; color:#333; font-size:18px; line-height:22px; font-weight:500; text-align:center;}
#gnb > li > .depth > li > a:hover,
#gnb > li > .depth > li > a:focus {background:#4ab4b3; color:#fff;}

/* 모바일 상단 */
#mHeader {display:none;}

.contents {max-width:1320px; margin:0 auto; padding:0 20px 60px;}

.related_wrap {background:#333;}
.related_box {position:relative; max-width:1320px; margin:0 auto; padding:0 20px; z-index:40;}
.related_box:after {content:''; clear:both; display:block; width:100%;}
.related_box .related_list {float:left; border-left:1px solid #262626;}
.related_box .related_list > li {position:relative; float:left; min-width:250px; border-right:1px solid #262626;}
.related_box .related_list > li > a {display:block; padding:10px 15px; background:url('../images/icon/btn_plus.png') no-repeat right 10px center; color:#fff; font-size:13px; line-height:18px;}
.related_box .related_list > li > .depth {display:none; position:absolute; bottom:100%; left:0; min-width:100%; padding:10px 15px; background:#fff; box-shadow:0 0 5px 0 rgba(0,0,0,0.7); white-space:nowrap;}
.related_box .related_list > li > a.on {background-image:url('../images/icon/btn_minus.png')}
.related_box .related_list > li > a.on + .depth {display:block;}
.related_box .related_list > li > .depth > li {padding:3px 0;}
.related_box .related_list > li > .depth > li > a {display:inline-block; padding:0 5px; font-size:13px; line-height:18px; vertical-align:top;}
.related_box .btn_sns {float:right;}
.related_box .btn_sns a {float:left; margin-left:1px; background:#262626;}

#footer { padding:25px 20px 45px; background:#262626;}
#footer .m_btn_top {display:none;}
#footer .foot_con {position:relative; max-width:1280px; margin:0 auto;}
#footer .foot_con .foot_link {overflow:hidden;}
#footer .foot_con .foot_link li {position:relative; float:left; margin-left:8px; padding-left:10px;}
#footer .foot_con .foot_link li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:12px; margin-top:-6px; background:#9a9a9a;}
#footer .foot_con .foot_link li:first-child {margin-left:0; padding-left:0;}
#footer .foot_con .foot_link li:first-child:before {display:none;}
#footer .foot_con .foot_link li a {color:#9a9a9a; font-size:14px; line-height:17px; font-weight:300;}
#footer .foot_con .foot_txt {margin-top:15px; color:#9a9a9a; font-size:14px; line-height:21px; font-weight:300;}
#footer .foot_con .btn_mail {position:absolute; top:50%; right:0; padding:0 18px; margin-top:-17px;  border:1px solid #4c4c4c; color:#9a9a9a; font-size:14px; line-height:32px; font-weight:300;}

/* //레이아웃 */


/* 메인컨텐츠 */
.main_visual {height:579px; background:url('../images/main/visual.jpg') no-repeat center 0; background-size:cover;}
.main_cont_wrap {position:relative; overflow:hidden;}
.main_cont_wrap:before {content:''; position:absolute; top:0; left:50%; width:2000px; height:100%; background:url('../images/main/bg_tree.png') no-repeat 740px 240px #123e7a;}
.main_cont_wrap:after {content:''; position:absolute; top:0; right:50%; width:2000px; height:100%; background:#fff;}
.main_cont {display:-webkit-flex; display:flex; flex-wrap:wrap; position:relative; max-width:1320px; margin:0 auto; padding:0 20px; z-index:10;}
.main_cont .news_banner {width:50%; padding:35px 40px 58px 0;}
.main_cont .news_banner .title {position:relative; padding-bottom:25px; color:#333; font-size:30px; line-height:40px; font-weight:900;}
.main_cont .news_banner .title:before {content:''; position:absolute; bottom:0; left:0; width:23px; height:3px; background:#d9d9d9;}
.main_cont .news_banner .news {margin-top:20px;}
.main_cont .news_banner .news li {position:relative; padding:8px 115px 8px 46px; line-height:20px;}
.main_cont .news_banner .news li.ico_txt {background:url('../images/main/ico_ma_txt.png') no-repeat 0 center;}
.main_cont .news_banner .news li.ico_cam {background:url('../images/main/ico_ma_cam.png') no-repeat 0 center;}
.main_cont .news_banner .news li a {display:inline-block; max-width:100%; font-size:16px; line-height:20px; vertical-align:top; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.main_cont .news_banner .news li .date {position:absolute; top:8px; right:0; color:#c6c6c6; font-size:16px; line-height:20px;}
.main_cont .news_banner .banner_swiper {position:relative; padding-top:60px;}
.main_cont .news_banner .banner_swiper .swp_ctrl {position:absolute; top:15px; right:0; overflow:hidden;}
.main_cont .news_banner .banner_swiper .swp_ctrl .swiper-button-prev {position:static; float:left; width:26px; height:26px; margin:0; border:1px solid #d1d1d1; background:url('../images/main/btn_ma_prev.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; box-sizing:border-box;}
.main_cont .news_banner .banner_swiper .swp_ctrl .swiper-button-next {position:static; float:left; width:26px; height:26px; margin:0; border:1px solid #d1d1d1; background:url('../images/main/btn_ma_next.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; box-sizing:border-box;}
.main_cont .news_banner .banner_swiper .swp_ctrl .btn_stop_play {position:static; float:left; width:24px; height:26px; margin:0; border:none; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:url('../images/main/btn_ma_stop.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; box-sizing:border-box;}
.main_cont .news_banner .banner_swiper .swp_ctrl .btn_stop_play.stop {background:url('../images/main/btn_ma_play.png') no-repeat center center; background-size:100%; box-sizing:border-box;}
.main_cont .news_banner .banner_swiper .swiper-slide img {width:100%;}

.main_cont .wwd_box {width:50%; padding:35px 0 58px 40px;}
.main_cont .wwd_box .title {position:relative; padding-bottom:25px; color:#fff; font-size:30px; line-height:33px; font-weight:900;}
.main_cont .wwd_box .title:before {content:''; position:absolute; bottom:0; left:0; width:23px; height:3px; background:#d9d9d9;}
.main_cont .wwd_box .ma_iconbox {position:relative; margin-top:45px;}
.main_cont .wwd_box .ma_iconbox:before {content:''; position:absolute; top:109px; right:0; width:58px; height:115px; background:#123e7a;}
.main_cont .wwd_box .ma_iconbox:after {content:''; position:absolute; bottom:0; left:0; width:58px; height:115px; background:#123e7a;}
.main_cont .wwd_box .ma_iconbox .radius_right {position:absolute; top:109px; right:0; width:58px; height:115px; background:url('../images/main/bg_ma_radius_right.png') no-repeat center center; z-index:5;}
.main_cont .wwd_box .ma_iconbox .radius_left {position:absolute; bottom:0; left:0; width:58px; height:115px; background:url('../images/main/bg_ma_radius_left.png') no-repeat center center; z-index:5;}
.main_cont .wwd_box .ma_iconbox ul {display:-webkit-flex; display:flex; flex-wrap:wrap;}
.main_cont .wwd_box .ma_iconbox ul li {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; width:33.333333%; height:112px; border-bottom:3px solid rgba(255,255,255,0.09);}
.main_cont .wwd_box .ma_iconbox ul li a {display:-webkit-flex; display:flex; flex-wrap:wrap; align-items:center; position:relative; height:66px; padding-left:86px; padding-right:15px; color:#fff; font-size:15px; line-height:18px; font-weight:500; z-index:10;}
.main_cont .wwd_box .ma_iconbox ul li a:hover {color:#e2e66f; text-decoration:underline;}
.main_cont .wwd_box .ma_iconbox ul li a.ico01 {background:url('../images/main/ico_ma01.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico02 {background:url('../images/main/ico_ma02.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico03 {background:url('../images/main/ico_ma03.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico04 {background:url('../images/main/ico_ma04.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico05 {background:url('../images/main/ico_ma05.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico06 {background:url('../images/main/ico_ma06.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico07 {background:url('../images/main/ico_ma07.png') no-repeat 10px center;}
.main_cont .wwd_box .ma_iconbox ul li a.ico08 {background:url('../images/main/ico_ma08.png') no-repeat 10px center;}

.m_ma_con_foot {display:none;}

/* //메인컨텐츠 */


/* 컨텐츠 */
.sub_visual {height:190px; background:url('../images/sub/bg_subvisual.jpg') no-repeat center center; background-size:cover; text-align:center;}
.sub_visual .page_title {padding-top:52px; color:#fff; font-size:33px; line-height:40px; font-weight:900;}
.sub_visual .location {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:nowrap; justify-content:center; margin-top:42px; color:#fff; font-size:14px; line-height:22px; font-weight:300;}
.sub_visual .location a,
.sub_visual .location em {display:inline-block; margin:0 10px; color:#fff; font-size:16px; line-height:22px; font-weight:400; vertical-align:top; white-space: nowrap;}
.sub_visual .location em { overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sub_visual .location .ico_home {display:inline-block; min-width:15px; width:15px; height:22px; background:url('../images/icon/ico_home.png') no-repeat center 3px; background-size:15px; text-indent:-999px; overflow:hidden; vertical-align:top;}

.sub_search_wrap {padding-top:25px; overflow:hidden;}
.sub_search {float:right; position:relative; padding-right:39px;}
.sub_search select {float:left; width:131px; height:39px; padding:5px 5px 5px 15px; border:1px solid #d5d5d5; background:url('../images/icon/ico_arrow_down.png') no-repeat right 12px center; background-size:17px; color:#333; font-size:16px; line-height:27px;}
.sub_search input[type="text"] {float:left; width:227px; height:39px; margin-left:9px; padding:5px 10px; border:1px solid #d5d5d5; border-right:none; color:#333; font-size:16px; line-height:27px;}
.sub_search .btn_search {position:absolute; top:0; right:0; width:39px; height:39px; border:1px solid #d5d5d5; border-left:none; background:url('../images/icon/ico_search.png') no-repeat center center; background-size:17px; text-indent:-999px; overflow:hidden;}

.gallery_list {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; margin:0 -20px; padding-top:15px;}
.gallery_list li {width:33.33%; margin-top:20px; padding:0 20px;}
.gallery_list li .inbox {display:block;}
.gallery_list li .inbox .img {position:relative;}
.gallery_list li .inbox .img:before {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:url('../images/icon/ico_hover_plus.png') no-repeat center center rgba(29,52,105,0.9); opacity:0; transition:all .3s;}
.gallery_list li .inbox:hover .img:before,
.gallery_list li .inbox:focus .img:before {opacity:1;}
.gallery_list li .inbox .img img {width:100%;}
.gallery_list li .inbox .img .imgfile {width:100%; height:1px; padding-bottom:60%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.gallery_list li .inbox .txt {padding:12px 0 14px; font-size:16px; line-height:24px;}
.gallery_list li .inbox .txt .subject {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; position:relative; height:48px; color:#333; font-weight:500;}
.gallery_list li .inbox .txt .subject:after {display:none; display:block\0; content:''; position:absolute; bottom:0; right:0; height:24px; padding-left:60px;
	background: -webkit-linear-gradient(left, transparent, #fff 55%);
	background: -o-linear-gradient(right, transparent, #fff 55%);
	background: -moz-linear-gradient(right, transparent, #fff 55%);
	background: linear-gradient(to right, transparent, #fff 55%);
}
.gallery_list li .inbox .txt .date {display:block; position:relative; padding-left:15px; margin-top:6px; color:#b5b5b5;}
.gallery_list li .inbox .txt .date:before {content:''; position:absolute; top:50%; left:0; width:8px; height:8px; margin-top:-4px; border-radius:100%; background:#a8d69d;}

.paging {margin-top:35px; text-align:center;}
.paging a {display:inline-block; min-width:32px; height:32px; padding:0 4px; margin:0 1px; background:#fff; color:#666; font-size:16px; line-height:30px; border:1px solid #fff;}
.paging a.btn_pg_first,
.paging a.btn_pg_prev,
.paging a.btn_pg_next,
.paging a.btn_pg_last {padding:0; border:1px solid #e5e5e5;}
.paging a.active {border:1px solid #6d946d; background:#6d946d; color:#fff;}
.paging a img {width:30px;}

.detail_view {display:table; width:100%; margin-top:50px;}
.detail_view .dv_img {display:table-cell; width:50%; padding-right:20px; overflow:hidden; vertical-align:top;}
.detail_view .dv_img .img_big {margin-top:3px;}
.detail_view .dv_img .img_big li {display:none;}
.detail_view .dv_img .img_big li.active {display:block;}
.detail_view .dv_img .img_big li img {width:100%;}
.detail_view .dv_img .img_big li .imgfile {width:100%; height:1px; padding-bottom:60%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-999px; overflow:hidden;}
.detail_view .dv_img .img_s {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; margin:10px -5px 0;}
.detail_view .dv_img .img_s li {width:33.33%; padding:0 5px;}
.detail_view .dv_img .img_s li span {display:block; height:100%; background:url('../images/sub/img_detail_s00.jpg') no-repeat center center; background-size:cover;}
.detail_view .dv_img .img_s li img {width:100%;}
.detail_view .dv_img .img_s li .imgfile {width:100%; height:1px; padding-bottom:60%; background-repeat:no-repeat; background-position:center center; background-size:cover; text-indent:-999px; overflow:hidden;}
.detail_view .dv_con {display:table-cell; vertical-align:top;}
.detail_view .dv_img + .dv_con {padding-left:20px;}
.detail_view .dv_con .view_title {position:relative; padding-bottom:25px; color:#333; font-size:26px; line-height:32px; font-weight:500;}
.detail_view .dv_con .view_title:before {content:''; position:absolute; bottom:0; left:0; width:26px; height:1px; background:#1d3469;}
.detail_view .dv_con .view_info {position:relative; padding:23px 0 26px; border-bottom:3px solid #e7e7e7; color:#666; font-size:16px; line-height:22px;}
.detail_view .dv_con .view_info:before {content:''; position:absolute; bottom:-3px; left:0; width:270px; height:3px; background:#57b4ed;}
.detail_view .dv_con .view_info:after {content:''; display:block; clear:both;}
.detail_view .dv_con .view_info dl {float:left; margin-right:18px;}
.detail_view .dv_con .view_info dl dt {float:left; color:#000; font-weight:500;}
.detail_view .dv_con .view_info dl dd {float:left; margin-left:5px;}
.detail_view .dv_con .view_info dl dd a {color:#666;}
.detail_view .dv_con .view_content {padding:28px 0; color:#666; font-size:16px; line-height:24px;}

.btn_bgblue {display:inline-block; min-width:114px; padding:0 15px; border:none; background:#24324b; color:#fff; font-size:16px; line-height:38px; font-weight:500; text-align:center; vertical-align:middle;}

.btn_right_center {margin-top:10px; text-align:right;}
.btn_right_center a,
.btn_right_center button {margin-left:1px;}
.btn_right_center .in_nbsp {display:inline-block; width:3px;}

.prev_next {margin-top:40px; border-top:1px solid #d8d8d8;}
.prev_next li {position:relative; border-bottom:1px solid #d8d8d8;}
.prev_next li:before {content:''; position:absolute; top:50%; right:21px; width:23px; height:23px; margin-top:-12px; background-repeat:no-repeat; background-position:center center; background-size:100%;}
.prev_next li:first-child:before {background-image:url('../images/icon/ico_pn_prev.png');}
.prev_next li:last-child:before {background-image:url('../images/icon/ico_pn_next.png');}
.prev_next li .view_prev {display:block; position:absolute; top:0; left:0; width:149px; height:100%; background:#1b3e79; color:#fff; font-size:16px; line-height:48px; font-weight:500; text-align:center;}
.prev_next li .view_next {display:block; position:absolute; top:0; left:0; width:149px; height:100%; background:#1b3e79; color:#fff; font-size:16px; line-height:48px; font-weight:500; text-align:center;}
.prev_next li .view_title_box a,
.prev_next li .view_title_box p,
.prev_next li .view_title_box .view_title {display:block; position:relative; width:100%; padding:12px 65px 12px 178px; color:#666; font-size:15px; line-height:24px; z-index:5; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.prev_next li .view_title_box a:hover,
.prev_next li .view_title_box a:focus {color:#478bc4; text-decoration:underline;}

.total_text dl {color:#fff; font-size:16px; line-height:30px; font-weight:500; overflow:hidden;}
.total_text dl dt {float:left; padding:0 10px; border-radius:15px 0 0 15px; background:#36558a;}
.total_text dl dd {float:left; min-width:106px; padding:0 10px; border-radius:0 15px 15px 0; background:#b7c4d9; text-align:center;}

.table_list {table-layout:fixed; width:100%; margin-top:25px; border-top:3px solid #203f7e;}
.table_list .left {padding-left:25px !important; padding-right:25px !important; text-align:left !important;}
.table_list th {position:relative; padding:17px 5px; border-bottom:1px solid #d8d8d8; background:url('../images/icon/ico_table_bar.png') no-repeat 0 center; color:#000; font-size:16px; line-height:22px; font-weight:500; text-align:center;}
.table_list tr th:first-child {background:none;}
.table_list td {position:relative; padding:17px 5px; border-bottom:1px solid #d8d8d8; background:url('../images/icon/ico_table_bar.png') no-repeat 0 center; color:#666; font-size:15px; line-height:22px; text-align:center;}
.table_list tr td:first-child {background:none;}
.table_list td a {display:inline-block; max-width:100%; color:#666; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; vertical-align:middle;}
.table_list td a:hover,
.table_list td a:focus {color:#478bc4; text-decoration:underline;}
.table_list td .file_img img {vertical-align:middle;}

.sub_topbanner {position:relative; margin-top:50px;}
.sub_topbanner .bg {position:relative; width:100%; height:360px; background-repeat:no-repeat; background-position:right center; background-size:cover;}
.sub_topbanner .bg:before {content:''; position:absolute; bottom:0; left:0; width:358px; height:204px; background:url('../images/sub/bg_topbanner_mark.png') no-repeat 0 bottom;}
.sub_topbanner.bg01 .bg {background-image:url('../images/sub/bg_topbanner_sub02_01.jpg');}
.sub_topbanner.bg02 .bg {background-image:url('../images/sub/bg_topbanner_sub02_02.jpg');}
.sub_topbanner.bg03 .bg {background-image:url('../images/sub/bg_topbanner_sub02_03.jpg');}
.sub_topbanner.bg04 .bg {background-image:url('../images/sub/bg_topbanner_sub02_04.jpg'); background-position:center center;}
.sub_topbanner.bg05 .bg {background-image:url('../images/sub/bg_topbanner_sub02_05.jpg');}
.sub_topbanner.bg06 .bg {background-image:url('../images/sub/bg_topbanner_sub02_06.jpg'); background-position:0 center;}
.sub_topbanner.bg07 .bg {background-image:url('../images/sub/bg_topbanner_sub02_07.jpg');}
.sub_topbanner.bg08 .bg {background-image:url('../images/sub/bg_topbanner_sub02_08.jpg'); background-position:right top;}

.sub_topbanner.bg_d01 .bg {background-image:url('../images/sub/bg_topbanner_sub04_01.jpg'); background-position:center center;}
.sub_topbanner.bg_d0201 .bg {background-image:url('../images/sub/bg_topbanner_sub04_02_01.jpg'); background-position:center center;}
.sub_topbanner.bg_d0202 .bg {background-image:url('../images/sub/bg_topbanner_sub04_02_02.jpg'); background-position:right center;}
.sub_topbanner h3 {position:absolute; bottom:54px; left:32px; color:#333; font-size:60px; line-height:68px; font-weight:900; text-shadow:4px 4px 30px rgba(255,255,255,0.9);}
.sub_topbanner dl {display:table; position:absolute; right:0; bottom:0; width:508px; min-height:92px; color:#fff;}
.sub_topbanner.bg01 dl {background:#9bc4db;}
.sub_topbanner.bg02 dl {background:#86cb61;}
.sub_topbanner.bg03 dl {background:#9bc4db;}
.sub_topbanner.bg04 dl {background:#86cb61;}
.sub_topbanner.bg05 dl {background:#6b5a4f;}
.sub_topbanner.bg06 dl {background:#7586dd;}
.sub_topbanner.bg07 dl {background:#debb5e;}
.sub_topbanner.bg08 dl {background:#debb5e;}
.sub_topbanner dl dt {display:table-cell; min-width:140px; padding:12px 20px; font-size:36px; line-height:42px; font-weight:900; text-align:center; vertical-align:middle; white-space: nowrap;}
.sub_topbanner dl dd {display:table-cell;padding:12px 20px 12px 0; font-size:22px; line-height:26px; font-weight:500; text-align:left; vertical-align:middle;}

.stit {margin-top:36px; padding-left:36px; color:#333; font-size:22px; line-height:30px; font-weight:400;}
.stit.ico_tit_house {background:url('../images/icon/ico_tit_house.png') no-repeat 0 2px; background-size:27px;}
.stit.ico_tit_earth {background:url('../images/icon/ico_tit_earth.png') no-repeat 0 1px; background-size:28px;}
.stit.ico_tit_book {background:url('../images/icon/ico_tit_book.png') no-repeat 0 4px; background-size:28px;}
.stit.ico_tit_note {background:url('../images/icon/ico_tit_note.png') no-repeat 0 0; background-size:24px;}
.stit.ico_tit_goals {background:url('../images/icon/ico_tit_goals.png') no-repeat 0 2px; background-size:24px;}
.stit.ico_tit_group {background:url('../images/icon/ico_tit_group.png') no-repeat 0 2px; background-size:25px;}
.stit.ico_tit_alert {background:url('../images/icon/ico_tit_alert.png') no-repeat 0 0; background-size:28px;}
.stit.ico_tit_graph {background:url('../images/icon/ico_tit_graph.png') no-repeat 0 1px; background-size:24px;}
.stit.ico_tit_setting {background:url('../images/icon/ico_tit_setting.png') no-repeat 0 1px; background-size:26px;}
.stit.ico_tit_water {background:url('../images/icon/ico_tit_water.png') no-repeat 0 2px; background-size:28px;}
.stit.ico_tit_speaker {background:url('../images/icon/ico_tit_speaker.png') no-repeat 0 3px; background-size:28px;}
.stit.ico_tit_drops {background:url('../images/icon/ico_tit_drops.png') no-repeat 0 -1px; background-size:28px;}
.stit.ico_tit_leaf {background:url('../images/icon/ico_tit_leaf.png') no-repeat 0 4px; background-size:28px;}
.stit.ico_tit_heart {background:url('../images/icon/ico_tit_heart.png') no-repeat 0 3px; background-size:26px;}
.stit.ico_tit_wind {background:url('../images/icon/ico_tit_wind.png') no-repeat 0 2px; background-size:24px;}
.stit.ico_tit_mask {background:url('../images/icon/ico_tit_mask.png') no-repeat 0 0; background-size:28px;}
.stit.ico_tit_chemicals {background:url('../images/icon/ico_tit_chemicals.png') no-repeat 0 0; background-size:20px;}

.stit_p {margin-top:10px; color:#666; font-size:16px; line-height:24px;}
.sub_topbanner + .stit_p {margin-top:40px;}
.stit_p em {color:#28a1d3;}
.stit_p .num {display:inline-block; width:14px; height:14px; border-radius:100%; background:#2c4d6a; color:#fff; font-size:12px; line-height:14px; text-align:center; vertical-align:middle;}
.vision_tit {margin-top:40px; padding-bottom:10px; color:#333; font-size:26px; line-height:32px; font-weight:700;}
.num_refer_list {margin-top:23px; color:#333; font-size:18px; line-height:24px;}
.num_refer_list li {position:relative; padding:2px 0 2px 26px;}
.num_refer_list li .num {position:absolute; top:7px; left:1px; width:14px; height:14px; border-radius:100%; background:#2c4d6a; color:#fff; font-size:12px; line-height:14px; text-align:center;}
.vision_view {padding:25px 0 10px; text-align:center;}
.vision_view img {max-width:100%;}
.vision_view .m {display:none;}

.stit_strong {display:block; margin-top:7px; color:#333; font-size:16px; line-height:24px; font-weight:500;}
.stit_ul {margin-top:2px; color:#666; font-size:16px; line-height:24px;}
.stit_ul > li {position:relative; padding-left:14px;}
.stit_ul > li:before {content:''; position:absolute; top:10px; left:0; width:6px; height:6px; border-radius:100%; background:#a8d69d;}

.sub_gallery {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; margin:0 -20px;}
.sub_gallery li {width:33.33%; padding:18px 20px;}
.sub_gallery li .img img {width:100%; vertical-align:top;}
.sub_gallery li .txt {margin-top:13px; color:#666; font-size:16px; line-height:24px;}
.sub_gallery li .tit {margin-top:14px; color:#333; font-size:20px; line-height:26px; font-weight:700;}
.sub_gallery li .tit + .txt {margin-top:0;}

.sub_imgbox {margin-top:15px; padding:33px; border:1px solid #dfdfdf; text-align:center;}
.sub_imgbox img {max-width:100%; vertical-align:top;}

.img_txt_flex {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-items:center; margin-top:15px; padding:20px; border:1px solid #dfdfdf;}
.img_txt_flex .img {width:33.33%; padding:0 50px; text-align:center;}
.img_txt_flex .img img {max-width:100%; vertical-align:top;}
.img_txt_flex .txt {width:33.33%; padding:0 50px; color:#999; font-size:14px; line-height:18px;}

.mgt-10 {margin-top:-10px !important;}
.mgt-20 {margin-top:-20px !important;}
.bg_gray {background:#f5f7f9; overflow:hidden;}

.history_tab {position:relative; margin:0 -8px; padding:0 8px;}
.history_tab .tabtit {position:absolute; top:50px; width:25%; padding:0 8px;}
.history_tab .tabtit.on:before {content:''; position:absolute; top:100%; left:50%; width:32px; height:22px; margin:8px 0 0 -16px; background:url('../images/icon/ico_subtab_arrow.png') no-repeat center 0;}
.history_tab .tabtit.tit01 {left:0;}
.history_tab .tabtit.tit02 {left:25%;}
.history_tab .tabtit.tit03 {left:50%;}
.history_tab .tabtit.tit04 {left:75%;}
.history_tab .tabtit a {display:block; height:53px; border:3px solid #fff; background:#fff; color:#333; font-size:24px; line-height:47px; font-weight:400; text-align:center; box-shadow:7px 7px 7px rgba(0,0,0,0.07);}
.history_tab .tabtit.on a {border-color:#57b4ed; font-weight:900;}
.history_tab .tabcon {display:none; padding-top:162px;}
.history_tab .tabtit.on + .tabcon {display:block;}
.white_con {position:relative; padding:35px 24px 45px; border-top:3px solid #e7e7e7; background:#fff;}
.white_con:before {content:''; position:absolute; top:-3px; left:0; width:305px; height:3px; background:#57b4ed;}
.white_con dl {overflow:hidden;}
.white_con dl + dl {margin-top:50px;}
.white_con dl dt {float:left; color:#44b3ec; font-size:31px; line-height:32px; font-weight:400;}
.white_con dl dd {padding-left:80px;}
.white_con dl dd h4 {position:relative; padding-left:18px; margin-top:28px; color:#333; font-size:22px; line-height:28px; font-weight:400;}
.white_con dl dd h4:first-child {margin-top:2px;}
.white_con dl dd h4:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; border-radius:100%; background:#bdbdbd;}
.white_con dl dd h4 .normal {color:#666; font-size:16px;}
.white_con dl dd p {padding-left:18px; margin-top:10px; color:#666; font-size:16px; line-height:24px;}
.white_con.contact dl dt {width:120px; padding:5px 0; font-size:22px; line-height:23px;}
.white_con.contact dl dd {padding-left:120px;}

.welcome_box {padding-top:50px; overflow:hidden;}
.welcome_box .img {float:right;}
.welcome_box .img img {vertical-align:top;}
.welcome_box h3 {padding-bottom:20px; color:#333; font-size:49px; line-height:56px; font-weight:900;}
.welcome_box p {margin-top:14px; color:#666; font-size:19px; line-height:24px;}
.welcome_box h4 {margin-top:35px; color:#333; font-size:22px; line-height:28px; font-weight:400;}
.welcome_box p.sign {margin-top:50px;}
.welcome_box p.sign img {height:65px; vertical-align:top;}

.resume_wrap {padding-top:50px; overflow:hidden;}
.resume_wrap .img_name {float:left; width:190px;}
.resume_wrap .img_name .img img {max-width:100%; vertical-align:top;}
.resume_wrap .img_name strong {display:block; margin-top:15px; color:#333; font-size:22px; line-height:28px; font-weight:400;}
.resume_wrap .img_name p {margin-top:11px; color:#666; font-size:16px; line-height:24px;}
.resume_wrap .img_name p .pc_br {display:block;}
.resume_wrap .txt_info {padding-left:230px;}
.resume_wrap .txt_info h4 {margin-top:-5px; color:#333; font-size:27px; line-height:31px; font-weight:700;}
.resume_wrap .txt_info table {width:100%; margin-top:20px; border-top:1px solid #575757;}
.resume_wrap .txt_info table th {width:169px; padding:8px 0 7px; border-bottom:1px solid #bcbdbf; color:#4596c4; font-size:16px; line-height:24px; font-weight:400; text-align:left;}
.resume_wrap .txt_info table td {padding:8px 20px 7px; border-bottom:1px solid #bcbdbf; color:#666; font-size:16px; line-height:24px; font-weight:400; text-align:left;}

.map_img {padding-top:50px;}
.map_img img {max-width:100%; vertical-align:top;}

.tit_wave {padding:40px 0 30px; margin-bottom:50px; background:url('../images/icon/ico_subtitle.png') no-repeat center bottom; color:#333; font-size:27px; line-height:40px; text-align:center; font-weight:700;}
.tel_mail {margin:60px 0 -45px; padding:25px 0; border-top:1px dashed #7d7d7d; overflow:hidden;}
.tel_mail li {float:left; width:50%; padding:12px 30px 12px 60px;}
.tel_mail li + li {border-left:1px dashed #7d7d7d; }
.tel_mail li .img {float:left;}
.tel_mail li .img img {vertical-align:top;}
.tel_mail li .txt {padding:32px 0 0 160px;}
.tel_mail li .txt strong {display:block; color:#333; font-size:22px; line-height:28px;}
.tel_mail li .txt p {margin-top:20px; color:#666; font-size:17px; line-height:22px;}

.structure_wrap {position:relative; margin-top:50px; background:url('../images/sub/bg_earth.png') no-repeat center 60px;}
.structure_wrap:before {content:''; position:absolute; top:0; left:50%; width:1px; height:100%; background:#cfcfcf; z-index:0;}
.structure_wrap .title {position:relative; width:172px; height:172px; margin:0 auto; padding:53px 20px 0; border-radius:100%; background:#4bc6ee; color:#fff; font-size:25px; line-height:33px; font-weight:400; text-align:center; z-index:1;}
.structure_wrap h3.title {padding-top:100px; background:url('../images/sub/img_mnister.png') no-repeat center 38px #8fd01d;}
.structure_wrap h4.title {margin-top:-15px;}
.structure_wrap .linebox {position:relative; overflow:hidden; z-index:1;}
.structure_wrap .linebox:before {content:''; position:absolute; top:36px; left:0; width:100%; height:1px; background:#cfcfcf;}
.structure_wrap .linebox .left {float:left;}
.structure_wrap .linebox .right {float:right;}
.structure_wrap .linebox > ul {position:relative; width:420px;}
.structure_wrap .linebox > ul > li {padding:10px; margin-top:10px; border:3px solid #c9d8eb; border-radius:5px; background:#fff; color:#333; font-size:18px; line-height:27px; text-align:center;}
.structure_wrap .linebox > ul > li.on {border-color:#4a668b; background:#4a668b; color:#fff; font-size:22px;}
.structure_wrap .in_list_wrap {position:relative; margin-top:35px; z-index:1;}
.structure_wrap .in_list_wrap:before {content:''; position:absolute; top:0; left:7.4%; width:85.2%; height:1px; background:#cfcfcf;}
.structure_wrap .in_list {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; justify-content:space-between; margin-top:35px; background:#fff; overflow:hidden;}
.structure_wrap .in_list > li {position:relative; width:14.8%; padding-top:36px;}
.structure_wrap .in_list > li:before {content:''; position:absolute; top:0; left:50%; width:1px; height:36px; background:#cfcfcf;}
.structure_wrap .in_list > li > strong {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; align-content:center;  align-items:center; height:75px; padding:5px; border-radius:5px; background:#6e64b5; color:#fff; font-size:18px; line-height:24px; font-weight:400; text-align:center;}
.structure_wrap .in_list > li > strong.black {margin-top:15px; background:#4f4f4f;}
.structure_wrap .in_list > li > ul {margin-top:15px; padding:20px 13px 30px; border:3px solid #c9d8eb; background:#fff; border-radius:5px;}
.structure_wrap .in_list > li > ul > li {position:relative; padding-left:13px; margin-top:23px; color:#333; font-size:17px; line-height:23px;}
.structure_wrap .in_list > li > ul > li:before {content:''; position:absolute; top:9px; left:0; width:4px; height:4px; background:#a1b919;}
.structure_wrap .in_list > li > ul > li:first-child {margin-top:0;}

.sitemap_list {display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; margin-top:50px; background:url('../images/sub/bg_sitemap.png') no-repeat right bottom;}
.sitemap_list > li {width:33.3333%;}
.sitemap_list > li > a {display:block; background:#127a97; border-left:1px solid #60afc5; color:#fff; font-size:18px; line-height:68px; font-weight:500; text-align:center;}
.sitemap_list > li:first-child > a {border-left:none;}
.sitemap_list > li > ul > li {padding:23px 5px; text-align:center;}
.sitemap_list > li > ul > li > a {display:inline-block; padding:0 12px; font-size:18px; line-height:22px; font-weight:500; vertical-align:top;}
.sitemap_list > li > ul > li > a:hover,
.sitemap_list > li > ul > li > a:focus {background:#c0d3ec;}

/* //컨텐츠 */

@media screen and (max-width:1640px) {
	
}

@media screen and (max-width:1400px) {
	
}

@media screen and (max-width:1280px) {
	.main_cont {padding:0;}
	.main_cont .news_banner {width:100%; padding:40px; background:#fff;}
	.main_cont .wwd_box {width:100%; padding:40px; background:#123e7a;}

	.gallery_list {margin:0 -10px;}
	.gallery_list li {padding:0 10px;}

	.sub_gallery {margin:0 -10px;}
	.sub_gallery li {padding:10px;}
}


@media screen and (max-width:1024px) {
	/* 레이아웃 */
	html.scroll_lock, body.scroll_lock {height:100%; overflow:hidden;}

	#skip_nav {display:none;}

	#header {display:none;}

	/* 모바일 상단 */
	#mHeader {display:block; position:relative; height:70px; background:#fff; z-index:50;}
	#mHeader .logo {position:absolute; top:14px; left:15px;}
	#mHeader .logo img {height:43px;}
	#mHeader .btn_m_allmenu {position:absolute; top:19px; right:15px; width:32px; height:32px; background:url('../images/common/btn_allmenu.png') no-repeat center center; background-size:25px; text-indent:-999px; overflow:hidden;}

	.m_allmenu_wrap {}
	.m_allmenu_mask {position:fixed; top:0; right:0; bottom:0; background:rgba(0,0,0,0.76); z-index:99; opacity:0; -webkit-transition:opacity .3s; transition:opacity .3s;}
	.open .m_allmenu_mask {left:0; opacity:1;}
	#mAllMenu {position:fixed; top:0; right:0; width:70%; height:100%; padding-top:58px; background:#fff; z-index:100; -webkit-transform:translateX(102%); transform:translateX(102%); -webkit-transition:all .3s; transition:all .3s;}
	.open #mAllMenu {-webkit-transform:translateX(0); transform:translateX(0);}
	#mAllMenu .m_allmenu_top {position:absolute; top:0; left:0; width:100%; height:58px; padding-top:17px; box-shadow:0 1px 3px rgba(49,49,49,0.5); font-size:0; line-height:0; text-align:center; overflow:hidden; z-index:5;}
	#mAllMenu .m_allmenu_top .lang {display:inline-block; width:92px; height:24px; margin:0 5px; border-radius:3px; background:#21426f; color:#fff; font-size:14px; line-height:24px; text-align:center;}
	#mAllMenu .m_allmenu_top .sitemap {display:inline-block; width:92px; height:24px; margin:0 5px; border-radius:3px; background:#3e3e3e; color:#fff; font-size:14px; line-height:24px; text-align:center;}
	#mAllMenu .m_allmenu_con {height:100%; padding-bottom:80px; background:#f0f0f0; overflow:auto; -webkit-overflow-scrolling: touch;}
	#mAllMenu .m_allmenu_con a {display:block; position:relative;}
	#mAllMenu .m_allmenu_con > ul {background:#2d2d2d;}
	#mAllMenu .m_allmenu_con > ul > li {border-bottom:1px solid rgba(194,204,209,0.3);}
	#mAllMenu .m_allmenu_con > ul > li.on {border-color:rgba(194,204,209,1);}
	#mAllMenu .m_allmenu_con > ul > li > a {padding:12px 39px 12px 11px; background:#2d2d2d; color:#fff; font-size:16px; line-height:22px;}
	#mAllMenu .m_allmenu_con > ul > li.on > a {background:#3d3d3d;}
	#mAllMenu .m_allmenu_con > ul > li.in_ul > a:before {content:''; position:absolute; top:50%; right:10px; width:20px; height:11px; margin-top:-6px; background:url('../images/common/m_allmenu_down_white.png') no-repeat center center; background-size:20px;}
	#mAllMenu .m_allmenu_con > ul > li.in_ul.on > a:before {transform:rotate(180deg);}
	#mAllMenu .m_allmenu_con > ul > li > ul {display:none;}
	#mAllMenu .m_allmenu_con > ul > li.on > ul {display:block;}
	#mAllMenu .m_allmenu_con > ul > li > ul > li {border-top:1px solid rgba(194,204,209,1);}
	#mAllMenu .m_allmenu_con > ul > li > ul > li:first-child {border-color:#313131;}
	#mAllMenu .m_allmenu_con > ul > li > ul > li > a {padding:12px 39px 12px 11px; background:#fff; color:#333; font-size:16px; line-height:22px;}
	#mAllMenu .btn_close {position:absolute; top:16px; left:0; width:17px; height:17px; border:none; background:url('../images/common/btn_m_close.png') no-repeat center center; background-size:17px; text-indent:-999px; overflow:hidden; outline:none; z-index:10;}
	.open #mAllMenu .btn_close {left:-32px;}

	.contents {padding:15px 10px 30px;}

	.related_wrap {display:none;}

	#footer {padding:20px 15px;}
	#footer .m_btn_top {display:block; width:82px; height:24px; margin:0 auto; border-radius:3px; background:#525252; color:#fff; font-size:12px; line-height:24px; font-weight:300; text-align:center;}
	#footer .foot_con .foot_link {display:none;}
	#footer .foot_con .foot_txt {margin-top:10px; color:#9a9a9a; font-size:12px; line-height:18px; text-align:center;}
	#footer .foot_con .btn_mail {display:none;}

	
	/* //레이아웃 */


	/* 공통 */
	
	/* //공통 */

	/* 메인컨텐츠 */
	.main_cont .news_banner {padding:15px 10px;}
	.main_cont .news_banner .title {padding-bottom:13px; font-size:21px; line-height:24px; text-align:center;}
	.main_cont .news_banner .title:before {left:50%; width:12px; height:2px; margin-left:-6px;}
	.main_cont .news_banner .news {margin-top:5px;}
	.main_cont .news_banner .news li {padding:10px 0 10px 48px;}
	.main_cont .news_banner .news li.ico_txt {background:url('../images/main/m_ico_ma_txt.png') no-repeat 0 center; background-size:29px;}
	.main_cont .news_banner .news li.ico_cam {background:url('../images/main/m_ico_ma_cam.png') no-repeat 0 center; background-size:29px;}
	.main_cont .news_banner .news li a {font-size:14px; line-height:20px;}
	.main_cont .news_banner .news li .date {display:block; position:static; font-size:14px; line-height:20px;}
	.main_cont .news_banner .banner_swiper {padding-top:40px;}
	.main_cont .news_banner .banner_swiper .swp_ctrl {top:0;}

	.main_cont .wwd_box {padding:10px 10px 20px;}
	.main_cont .wwd_box .title {display:none;}
	.main_cont .wwd_box .ma_iconbox {margin-top:0;}
	.main_cont .wwd_box .ma_iconbox:before {top:115px; width:60px; height:119px;}
	.main_cont .wwd_box .ma_iconbox:after {width:60px; height:119px;}
	.main_cont .wwd_box .ma_iconbox .radius_right {top:115px; width:60px; height:119px; background:url('../images/main/m_bg_ma_radius_right.png') no-repeat center center; background-size:100%;}
	.main_cont .wwd_box .ma_iconbox .radius_left {width:60px; height:119px; background:url('../images/main/m_bg_ma_radius_left.png') no-repeat center center; background-size:100%;}
	.main_cont .wwd_box .ma_iconbox ul li {justify-content:center; align-items:flex-start; height:117px; border-bottom-width:2px; text-align:center;}
	.main_cont .wwd_box .ma_iconbox ul li a {display:inline-block; width:110px; height:auto; padding:54px 10px 0; margin-top:15px; font-size:14px; line-height:17px; background-position:center 0 !important; background-size:54px !important;}

	.m_ma_con_foot {display:block;}
	.m_ma_con_foot ul {overflow:hidden;}
	/*.m_ma_con_foot ul li {float:left; width:50%; border-bottom:1px solid #ccc;}  임시숨김*/
	.m_ma_con_foot ul li {float:left; width:100%; border-bottom:1px solid #ccc;}
	.m_ma_con_foot ul li:nth-child(2n+1) {border-right:1px solid #ccc;}
	.m_ma_con_foot ul li .inbox {display:block; height:104px; padding:10px 13px 0 15px;}
	.m_ma_con_foot ul li .inbox dl dt {position:relative; padding:0 42px 20px 0; background-repeat:no-repeat; background-position:right 0; background-size:42px; color:#333; font-size:16px; line-height:22px; font-weight:900;}
	.m_ma_con_foot ul li:nth-child(1) .inbox dl dt {background-image:url('../images/main/m_ico_ma_con_foot01.png');}
	.m_ma_con_foot ul li:nth-child(2) .inbox dl dt {background-image:url('../images/main/m_ico_ma_con_foot02.png');}
	.m_ma_con_foot ul li:nth-child(3) .inbox dl dt {background-image:url('../images/main/m_ico_ma_con_foot03.png');}
	.m_ma_con_foot ul li:nth-child(4) .inbox dl dt {background-image:url('../images/main/m_ico_ma_con_foot04.png');}
	.m_ma_con_foot ul li .inbox dl dt:before {content:''; position:absolute; top:29px; left:0; width:12px; height:1px; background:#333;}
	.m_ma_con_foot ul li .inbox dl dd {margin-top:9px; text-align:right;}
	.m_ma_con_foot ul li .inbox dl dd span {display:inline-block; padding-left:20px; background:url('../images/main/ico_ma_go.png') no-repeat 0 2px; background-size:12px; color:#333; font-size:12px; line-height:15px; text-align:left; vertical-align:top;}
	/* //메인컨텐츠 */

	/* 컨텐츠 */
	.sub_visual {height:115px;}
	.sub_visual .page_title {padding-top:28px; font-size:25px; line-height:30px;}
	.sub_visual .location {margin-top:16px;}

	.sub_search_wrap {padding-top:0;}
	.sub_search {width:100%; padding:0 33px 0 120px;}
	.sub_search select {position:absolute; top:0; left:0; width:112px; height:33px; background-size:15px; font-size:13px; line-height:21px; outline:none;}
	.sub_search input[type="text"] {width:100%; height:33px; margin-left:0; font-size:13px; line-height:21px; outline:none;}
	.sub_search .btn_search {width:33px; height:33px; outline:none;}

	.gallery_list {margin:0 -5px; padding-top:6px;}
	.gallery_list li {width:33.33%; margin-top:15px; padding:0 5px;}
	.gallery_list li .inbox {display:block;}
	.gallery_list li .inbox .img {position:relative;}
	.gallery_list li .inbox .img:before {display:none;}
	.gallery_list li .inbox .txt {padding:6px 0 0; font-size:14px; line-height:19px;}
	.gallery_list li .inbox .txt .subject {height:38px;}
	.gallery_list li .inbox .txt .subject:after {height:19px; padding-left:50px;}
	.gallery_list li .inbox .txt .date {padding-left:6px; margin-top:0; line-height:21px;}
	.gallery_list li .inbox .txt .date:before {width:4px; height:4px; margin-top:-2px;}

	.paging {margin-top:25px;}
	.paging a {min-width:23px; height:23px; padding:0 3px; font-size:12px; line-height:21px;}
	.paging a img {width:21px;}

	.detail_view {display:block; margin-top:0;}
	.detail_view .dv_img {display:block; width:100%; padding-right:0;}
	.detail_view .dv_img .img_big {margin-top:0;}
	.detail_view .dv_img .img_s {margin:6px -3px 0;}
	.detail_view .dv_img .img_s li {padding:0 3px;}
	.detail_view .dv_con {display:block;}
	.detail_view .dv_img + .dv_con {padding-left:0;}
	.detail_view .dv_con .view_title {margin-top:20px; padding-bottom:12px; font-size:17px; line-height:22px;}
	.detail_view .dv_con:first-child .view_title {margin-top:0;}
	.detail_view .dv_con .view_title:before {width:13px;}
	.detail_view .dv_con .view_info {padding:20px 0 16px; border-bottom-width:2px; font-size:13px; line-height:19px;}
	.detail_view .dv_con .view_info:before {bottom:-2px; width:135px; height:2px;}
	.detail_view .dv_con .view_info dl {margin-right:15px;}
	.detail_view .dv_con .view_info dl dd {margin-left:4px;}
	.detail_view .dv_con .view_content {padding:15px 0; font-size:13px; line-height:18px;}
	.detail_view .dv_con .view_content img{width:300px;}

	.btn_bgblue {font-size:13px;}

	.btn_right_center {margin-top:5px; text-align:center; overflow:hidden;}
	.btn_right_center a,
	.btn_right_center button {float:left; width:100%;}
	.btn_right_center a:first-child,
	.btn_right_center button:first-child {margin-left:0 !important;}
	.btn_right_center.col2 a,
	.btn_right_center.col2 button {width:49%; margin-left:2%;}
	.btn_right_center.col3 a,
	.btn_right_center.col3 button {width:32%; margin-left:2%;}
	.btn_right_center.col4 a,
	.btn_right_center.col4 button {width:23.5%; margin-left:2%;}
	.btn_right_center .in_nbsp {display:none;}

	.prev_next {margin-top:25px;}
	.prev_next li:before {right:3px;}
	.prev_next li .view_prev {width:64px; font-size:13px; line-height:46px;}
	.prev_next li .view_next {width:64px; font-size:13px; line-height:46px;}
	.prev_next li .view_title_box a,
	.prev_next li .view_title_box p,
	.prev_next li .view_title_box .view_title {padding:14px 30px 14px 72px; font-size:13px; line-height:18px;}

	.total_text {margin-top:20px; text-align:center;}
	.total_text dl {display:inline-block; font-size:13px; line-height:24px; vertical-align:top;}
	.total_text dl dt {border-radius:12px 0 0 12px;}
	.total_text dl dd {min-width:88px; border-radius:0 12px 12px 0;}

	.table_list {margin-top:20px; border-top-width:2px;}
	.table_list .left {padding-left:10px !important; padding-right:10px !important;}
	.table_list th {padding:10px 5px; background-size:auto 16px; font-size:14px; line-height:19px;}
	.table_list td {padding:10px 5px; background-size:auto 16px; font-size:13px; line-height:19px;}
	.table_list td a {display:inline; overflow:visible; text-overflow:initial; white-space: normal; vertical-align:middle;}
	/*.table_list .num,
	.table_list .file,
	.table_list .view {display:none;}*/
	.table_list .title {background:none;}
	.table_list .date {width:91px !important;}

	.sub_topbanner {margin-top:0;}
	.sub_topbanner .bg {height:260px;}
	.sub_topbanner .bg:before {width:157px; height:90px; background-size:100%;}
	.sub_topbanner h3 {bottom:23px; left:23px; font-size:26px; line-height:30px; text-shadow:2px 2px 15px rgba(255,255,255,0.9);}
	.sub_topbanner dl {position:static; width:100%; min-height:auto; margin-top:15px; background:none !important; color:#333;}
	.sub_topbanner dl dt {min-width:auto; width:42px; padding:0 5px 0 0; font-size:11px; line-height:13px; text-align:left; vertical-align:top;}
	.sub_topbanner dl dd {position:relative; padding:0 0 0 7px; font-size:11px; line-height:13px; text-align:left; vertical-align:top;}
	.sub_topbanner dl dd:before {content:''; position:absolute; top:2px; left:0; width:1px; height:9px; background:#e0e0e0;}

	.stit {margin-top:27px; padding-left:27px; font-size:16px; line-height:22px;}
	.stit.ico_tit_house {background-size:20px;}
	.stit.ico_tit_earth {background-position:0 0; background-size:21px;}
	.stit.ico_tit_book {background-position:0 3px; background-size:21px;}
	.stit.ico_tit_note {background-size:18px;}
	.stit.ico_tit_goals {background-position:0 1px; background-size:18px;}
	.stit.ico_tit_group {background-size:19px;}
	.stit.ico_tit_alert {background-size:21px;}
	.stit.ico_tit_graph {background-size:18px;}
	.stit.ico_tit_setting {background-size:20px;}
	.stit.ico_tit_water {background-position:0 1px; background-size:21px;}
	.stit.ico_tit_speaker {background-position:0 2px; background-size:21px;}
	.stit.ico_tit_drops {background-size:21px;}
	.stit.ico_tit_leaf {background-position:0 2px; background-size:21px;}
	.stit.ico_tit_heart {background-position:0 1px; background-size:20px;}
	.stit.ico_tit_wind {background-position:0 1px; background-size:18px;}
	.stit.ico_tit_mask {background-size:20px;}
	.stit.ico_tit_chemicals {background-size:15px;}

	.stit_p {font-size:13px; line-height:19px;}
	.sub_topbanner + .stit_p {margin-top:20px;}
	.stit_p .num {width:10px; height:10px; font-size:8px; line-height:10px;}
	.vision_tit {margin-top:5px; padding-bottom:0; font-size:16px; line-height:24px;}
	.num_refer_list {margin-top:13px; font-size:14px; line-height:21px;}
	.num_refer_list li {position:relative; padding:0 0 0 18px;}
	.num_refer_list li .num {top:5px; width:10px; height:10px; font-size:8px; line-height:10px;}
	.vision_view {padding:18px 0 30px;}

	.stit_strong {margin-top:5px; font-size:16px; line-height:19px;}
	.stit_ul {margin-top:0; color:#666; font-size:13px; line-height:19px;}
	.stit_ul > li {margin-top:5px; padding-left:12px;}
	.stit_ul > li:before {top:9px; width:3px; height:3px;}

	.sub_gallery {margin:0 -5px;}
	.sub_gallery li {width:50%; padding:10px 5px;}
	.sub_gallery li .txt {margin-top:5px; font-size:13px; line-height:19px;}
	.sub_gallery li .tit {margin-top:5px; font-size:16px; line-height:21px;}
	.sub_gallery li .tit + .txt {margin-top:0;}

	.sub_imgbox {padding:20px 10px;}

	.img_txt_flex {margin-top:10px; padding:0 24px 20px;}
	.img_txt_flex .img {width:100%; padding:15px 0 0 0;}
	.img_txt_flex .img img {max-width:160px;}
	.img_txt_flex .txt {width:100%; padding:15px 0 0 0; font-size:11px; line-height:12px;}

	.m_mgt0 {margin-top:0 !important;}

	.history_tab .tabtit {position:relative; top:0; left:0 !important; width:100%; padding:0; margin-top:10px;}
	.history_tab .tabtit.on:before {width:16px; height:11px; margin:4px 0 0 -8px; background-size:100%;}
	.history_tab .tabtit:first-child {margin-top:7px;}
	.history_tab .tabtit a {height:32px; border-width:2px; font-size:15px; line-height:28px; box-shadow:4px 4px 4px rgba(0,0,0,0.07);}
	.history_tab .tabcon {margin-top:-32px; padding-top:62px;}
	.white_con {padding:15px 8px 32px; border-top-width:2px;}
	.white_con:before {top:-2px; width:153px; height:2px;}
	.white_con dl + dl {margin-top:22px;}
	.white_con dl dt {float:none; font-size:17px; line-height:23px; text-align:center;}
	.white_con dl dd {padding-left:0;}
	.white_con dl dd h4 {padding-left:10px; margin-top:13px; font-size:16px; line-height:22px;}
	.white_con dl dd h4 .normal {font-size:13px;}
	.white_con dl dd h4:first-child {margin-top:10px;}
	.white_con dl dd h4:before {top:9px; width:3px; height:3px;}
	.white_con dl dd p {padding-left:10px; margin-top:4px; font-size:13px; line-height:19px;}
	.white_con.contact dl dt {width:100%; padding:0; font-size:17px; line-height:23px;}
	.white_con.contact dl dd {padding-left:0;}

	.welcome_box {padding-top:0;}
	.welcome_box .img {float:none; text-align:center;}
	.welcome_box .img img {max-width:100%;}
	.welcome_box h3 {margin-top:10px; padding-bottom:0; font-size:24px; line-height:28px;}
	.welcome_box p {margin-top:10px; font-size:13px; line-height:19px;}
	.welcome_box h4 {margin-top:22px; font-size:16px; line-height:21px;}
	.welcome_box p.sign {margin-top:25px;}
	.welcome_box p.sign img {height:44px;}

	.resume_wrap {padding-top:15px;}
	.resume_wrap .img_name {float:none; width:100%; text-align:center;}
	.resume_wrap .img_name .img img {width:95px;}
	.resume_wrap .img_name strong {margin-top:4px; font-size:14px; line-height:18px;}
	.resume_wrap .img_name p {margin-top:2px; font-size:11px; line-height:14px;}
	.resume_wrap .img_name p .pc_br {display:none;}
	.resume_wrap .txt_info {padding-left:0;}
	.resume_wrap .txt_info h4 {margin-top:22px; font-size:17px; line-height:22px; text-align:center;}
	.resume_wrap .txt_info table th {width:142px; padding:7px 0 6px; font-size:13px; line-height:15px;}
	.resume_wrap .txt_info table td {padding:7px 10px 6px; font-size:13px; line-height:15px;}

	.map_img {padding-top:0;}

	.tit_wave {padding:0 0 15px; margin-bottom:20px; background-size:48px; font-size:17px; line-height:24px;}
	.tel_mail {margin:25px 0 -32px; padding:0; border-top:none;}
	.tel_mail li {width:100%; padding:20px 5px; border-top:1px dashed #7d7d7d;}
	.tel_mail li + li {border-left:none;}
	.tel_mail li .img img {width:68px;}
	.tel_mail li .txt {padding:10px 0 0 80px;}
	.tel_mail li .txt strong {font-size:17px; line-height:20px;}
	.tel_mail li .txt p {margin-top:10px; font-size:12px; line-height:14px;}

	.structure_wrap {margin-top:0; background:none;}
	.structure_wrap .title {width:86px; height:86px; padding:27px 10px 0; font-size:13px; line-height:16px;}
	.structure_wrap h3.title {padding-top:50px; background-position:center 19px; background-size:21px;}
	.structure_wrap h4.title {margin-top:20px;}
	.structure_wrap .linebox {margin:10px -5px 0;}
	.structure_wrap .linebox:before {top:18px;}
	.structure_wrap .linebox > ul {width:50%; padding:0 5px;}
	.structure_wrap .linebox > ul > li {padding:3px; margin-top:5px; border-width:2px; border-radius:3px; font-size:11px; line-height:18px; text-align:center;}
	.structure_wrap .linebox > ul > li.on {font-size:12px;}
	.structure_wrap .in_list_wrap {margin-top:15px;}
	.structure_wrap .in_list_wrap:before {display:none;}
	.structure_wrap .in_list {background:none;}
	.structure_wrap .in_list > li {width:100%; padding-top:5px;}
	.structure_wrap .in_list > li:before {display:none;}
	.structure_wrap .in_list > li > strong {display:block; position:relative; height:auto; padding:5px 28px; border-radius:3px; font-size:12px; line-height:18px; cursor:pointer;}
	.structure_wrap .in_list > li > strong:before {content:''; position:absolute; top:50%; right:5px; width:18px; height:2px; margin-top:-1px; background:#fff; transform:rotate(0);/*  transition:all .3s; */}
	.structure_wrap .in_list > li > strong.on:before {opacity:0; transform:rotate(90deg);}
	.structure_wrap .in_list > li > strong:after {content:''; position:absolute; top:50%; right:13px; width:2px; height:18px; margin-top:-9px; background:#fff; opacity:1; transform:rotate(0);/*  transition:all .3s; */}
	.structure_wrap .in_list > li > strong.on:after {transform:rotate(90deg);}
	.structure_wrap .in_list > li > ul {display:none; margin-top:5px; padding:6px 11px 7px; border-width:2px; border-radius:3px;}
	.structure_wrap .in_list > li > strong.on + ul {display:block;}
	.structure_wrap .in_list > li > ul > li {padding-left:7px; margin-top:5px; font-size:11px; line-height:14px;}
	.structure_wrap .in_list > li > ul > li:before {top:6px; width:2px; height:2px;}
	.structure_wrap .in_list > li > ul > li:first-child {margin-top:0;}

	.sitemap_list {padding-bottom:50px; margin-top:0; background-size:192px;}
	.sitemap_list > li {width:50%;}
	.sitemap_list > li > a {font-size:13px; line-height:34px;}
	.sitemap_list > li:nth-child(2n-1) > a {border-left:none;}
	.sitemap_list > li > ul {padding:5px 0;}
	.sitemap_list > li > ul > li {padding:11px 5px;}
	.sitemap_list > li > ul > li > a {padding:0 5px; font-size:13px; line-height:18px;}
	
	.detail_view .dv_con .view_content div img {width:100%}

	/* //컨텐츠 */
}

/* mobile */
@media screen and (max-width:768px) {
	
	#footer .mobile_br {display:block;}

	/* 메인컨텐츠 */
	.main_visual {height:231px; background:url('../images/main/m_visual.jpg') no-repeat center center; background-size:cover;}
	/* //메인컨텐츠 */


	/* 컨텐츠 */
	.sub_topbanner .bg {height:160px;}
	.gallery_list li {width:50%;}
	.sub_gallery li {width:100%;}

	.resume_wrap .txt_info table th {width:80px;}

	.vision_view .pc {display:none;}
	.vision_view .m {display:block;}
	
	.detail_view .dv_con .view_content div img {width:100%}
	/* //컨텐츠 */
}

@media screen and (max-width:500px) {
	/* 개별설정 */
	.sub_topbanner.bg05 .bg {background-position:right -90px top;}
	.sub_topbanner.bg08 .bg {background-position:right -90px top;}

	/* //개별설정 */
}