@charset "utf-8";
/*div#header div.header_in button.gnb_open {top:75px}

	Design By. Lee Eun A

*/
/*ul.m_nav li a
	태블릿 사이즈 반응형 css
*/
@media (min-width: 580px) and (max-width: 680px){
div#wind02 div.wind02_in span{display:none;}
div.content dl.Map {width: 49.5%;}
div.visual2{width:100%; position:relative; height:160px; overflow:hidden; background:url(/kr/images/main/new2019/quick_bg.jpg) repeat top center ;}
}



/* 반응형2018 전산실 홈페이지 김태산 CSS */

/* 1000사이즈 */
@media only screen and (max-width:1000px) {

/* 전체보기 */
.rowcontent.rownotice {border-radius:7px; float:left; width:45%; height:245px; padding:0 2%;  margin:0 0 0 1%; border:none; box-sizing: inherit;}
.rowbox .rownotice div ul li{width:90%; background:url(/kr/images/main/new/main_dotted.gif) left 19px no-repeat;padding-left:10px;line-height:42px;float:left;}
.rowbox .rownotice .notice_more {position:absolute; right:4%; top:-45px;}

/* 사회적가치 반응사이즈 추가 20211207 */
.social_visualtop {width:100%;}
.top_util .util_ul {width:100%;}
.social_value_navi ul {width:100%;}
.social_content {width:100%;box-sizing: border-box;}

/* ESG_반응 양식 추가 20211221 */
.esg_intro .esg_list .esg_content {background: url(/kr/images/sub/esg/esg_introTIT2.png) center -60px no-repeat;margin:0 auto; width:100%; min-height:752px; }
.esg_intro .esg_list .esg_box {width:24%; height:440px; background:#ffffff; float:left; margin:0 0.5% 0; font-family:'NanumGothicbold'; border-radius:12px;overflow:hidden; }
.esg_intro .esg_list .esg_box .top_img {width:100%; height:100px; clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 93%);  overflow:hidden;}
.esg_intro .esg_list .esg_box .top_img .mobile {display:block;}
.esg_intro .esg_list .esg_box .top_img .basic {display:none;}

}


@media (max-width: 960px){
	.table-bordered table {width:100% !important;}
div.visual2 {margin:0 auto 20px; border:none; height:100px;}	



								  
div.content .txt_br03 {display: inline;}
.m_none{display:none;}
.bun_p{right:-110px;}

	

/*20141010 가입란 사이즈에 맞게 좌우스크롤 안생기게 가입란에 소스 이은아 추가*/
div.sign_btn_group{height:150px;clear:both;padding:40px 0 0 0;}
div.sign_btn_group a.sign_btn{margin:0 33px;padding: 20px 40px 20px 20px;width: 155px;font-family:'NanumGothicBold';font-size:18px;color:#35404c;
                              background: #c4cedd url(/kr/images/sign/sign_btn_bg.gif) 187px 19px no-repeat;border:1px solid #919a98;display: block;float: left;}
img{max-width:100%;}

/*20141023 이은아 추가*/
#my_tab{width: 90%;height: 600px;position:relative;margin:40px auto 0;}
#my_tab > div{width: 100%;position:absolute;left:0;top:130px;}
div.my_box table.table{margin-left:0;width:100%;}
/*여기까지 인증 이미지 사이즈에 맞게 좌우스크롤 안생기게 작업*/


div.content_top{padding:0 20px;}
div.content_top h3{line-height:100%;min-height:30px;height:auto;}
div.content_top p.title_text{display:none;}

div#leftMenu{display:none;}
div#contentgroup{width:100%;}
div.content{padding:0 20px;}
div.content table{margin-left:0;}

div.content ul.tabmenu01{width:100%;}
div.content ul.tabmenu01 li{width:100%;margin-right:0;}
div.content ul.tabmenu01 li a{width:100%;}

div.content ul.tabmenu02{height:auto;border:0;}
div.content ul.tabmenu02 li{width:100%;border:1px solid #d4d4d4;}
div.content ul.tabmenu02 li.on{border:2px solid #5d5d5d;}

div.content ul.tabmenu04{height:auto;border:0;}
div.content ul.tabmenu04 li{width:100%;border:1px solid #d4d4d4;}
div.content ul.tabmenu04 li.on{border:2px solid #5d5d5d;}

div.content ul.tabmenu03 li{width:100%;}
div.content ul.tabmenu05 li{float:left;padding:0;width:100%;background:none;margin:0 0 5px 0;}
div.content ul.tabmenu06 li{float:left;padding:0;width:98%;background:none;margin:0 0 5px 0;}
div.content ul.tabmenu07 li{float:left;width:100%;margin:0 4px 4px 0;padding:0;}


div.top_popup div.top_popup_in div.popup_close{width:auto;height:22px;}


.btn_go_list{right:10px;}

div.content table.table_menu td ul li{width:100%;margin-left:0;}

div.content div.ship_search p.btn {display: block;width: 100%;padding: 12px 0 0 0;text-align: center;}
div.content .service0401 {padding-left: 10%;}
div.content .service0401 .box_w25 {height: 185px;}
div.content .map0902 .box_w25 {width: 24%;}
div.content .ygpa0101 {background: url(/kr/images/content/ygpa0101.jpg) right 13px no-repeat;}
div.content .ygpa0102_3 {padding-left:8%}
div.content .ygpa0102_4 {visibility:initial;overflow:initial;position:initial;top:0px;left:0;width:auto;height:initial;text-indent: initial;white-space: initial;}
div.content .box_w25 {width: 49%;}
/*table .call, table .date01, table .date02{display:none;}	*/	
table .call{display:none;}


/*홈페이지 저작권보호*/
div.content .useinfo02 {padding-top: 0;background: url(/kr/images/content/useinfo02.jpg) 80% 13% no-repeat;}
div.content .useinfo02 h4 {margin-right: 0%;padding-bottom: 200px;}


/*sub_page*/
div#contentment{padding:0;width:100%;}
div.qrCode{display:none;}
div.research{width:98%;margin:45px auto 0;min-height:232px;height:auto;}
div.research div.researchCount ol{width:100%;}
div.research div.researchCount ol li{width:50%;text-align:left;margin:0 0 5px 0;}
div.research div.researchCount ul{width:100%;margin:5px 0 0 0;}
div.research div.researchCount ul li{width:100%;}
div.research div.researchCount ul li input#memo{width:100%;padding:0;}
div.research div.researchCount ul li:last-child{margin-top:4px;text-align: center;}
div.adminArea dl.left{display:inline-block;min-height:15px;height:auto;}
div.adminArea dl.left dd.content_master_dd{width:auto;}
div.page_bottom02 div.page_bottom02_in{padding-left:0;width:100%;}
div.page_bottom02 div.page_bottom02_in a{margin-left:20px;}

div.content .ygpa0101 .pad_w750 {padding-top:280px;}
div.middle_in div.notice div{left:0;width:100%;}

/* ESG_반응 양식 추가 20211111 */
.esg_intro .esg_list .esg_box .bottom_txt ul li a span {display:none;}
}


/* ----------------------------------------------------------- 해상도 구분라인 -----------------------------------------------------------  */

/* 850사이즈 */
@media only screen and (max-width:850px) {
/* ESG_반응 양식 추가 20211111 */
.esg_intro .esg_list .esg_box {width:45%; background:#ffffff; float:left; margin:10px 2% 10px; font-family:'NanumGothicbold'; border-radius:12px;overflow:hidden; }
.esg_intro .esg_list .esg_listbox { padding:150px 0 100px;}
.esg_intro .esg_list .esg_content { background: url(/kr/images/sub/esg/esg_introTIT2.png) center -30px no-repeat; background-size:50%;}
.esg_intro .esg_list .esg_box .bottom_txt ul li a span {display:block;}
}

/* ----------------------------------------------------------- 해상도 구분라인 -----------------------------------------------------------  */


/* 800사이즈 */
@media only screen and (max-width:800px) {
.box_wrap {width:680px;} 
}


/* 640사이즈 */
@media only screen and (max-width:640px) {
.box_wrap {width:100%;}    	

/* 회원메뉴란 */
.gnb_wrap {height:auto;}
.top_sns {display:none;}
.top_gnb {width:100%; position:inherit; float:right !important;}
.top_gnb .enterprise_mb_li{width:96%; padding:0 2%; text-align:center;}
.top_gnb .lang_btn {}
.top_sns li a {font-size:12px; }



/* 빠른메뉴 */
.quickmenu_in {display:none;}
div.visual2 {margin:0 auto; height:auto; background:url(/kr/images/main/new2019/quick_bg.jpg) repeat top center}	
.quickmenu_in_mobile{display:block; width:88%; height:auto; padding:0 4%; margin:4% 2% 2%;}
.quickmenu_in_mobile ul li a {text-align:left; font-family:'NanumSquare';}
.quickmenu_in_mobile ul li a span {display:inline-block;}
.quickmenu_in_mobile ul li a img {width:25%;}
.quickmenu_in {width:88%; height:auto; padding:0 4% 2%; margin:4% 2% 2%; border-radius:10px; }
.quickmenu_in ul li {float:left;width:33.3333% !important; text-align:center; padding:5px 0 0 0 ;}
.quickmenu_in ul li.forum_li {width:100% !important; } /* 포럼추가 7월9일 이후 삭제처리 */
.quickmenu_in ul li.forum_li a {width:50%; margin:0 auto; display:inline-block;} /* 포럼추가 7월9일 이후 삭제처리 */
.quickmenu_in ul li.forum_li img {width:40px;height:40px;} /* 포럼추가 7월9일 이후 삭제처리 */

/* 공사갤러리 */
.m_gallery_box{width:88%; height:auto; padding:2% 4%; margin:2% 2%; border-radius:10px;}
.m_gallery_box h3 {height:40px; line-height:40px;}
.gallery_box .news_img {width:100%;}

/* 알리미 */
.rowbox01 {margin:0;}
.rowbox .rowcontent.rowallim {width:88%; height:225px; padding:2% 4% 0; margin:0 2%; overflow:hidden;border-radius:10px;}
.rowbox .rowcontent h3 {height:34px; line-height:34px; font-size:1.4em; font-family:'NanumSquare'; font-weight:700; color:#565656}
.rowbox .rowcontent div.allim ul.allimiNum li p{left:0px;top:44px;width:100%;height:190px;}

/* 전체보기 */
.rowcontent.rownotice {width:88%; height:215px; padding:2% 4%; margin:2% 2%; overflow:hidden;border-radius:10px;}
.rowbox .rownotice .notice_more{position:absolute;right:0%;top:-34px;}
.rowbox .rownotice .tab_list {width:90%; height:190px; position:absolute; top:50px; }

/* 공사뉴스 보도해명 */
.rowbox .rowcontent.rownews{width:88%; height:215px; padding:2% 4%; margin:0 2% 2%; overflow:hidden; border-radius:10px;
 background:#90c745 url(/kr/images/main/new/rownews_iconbg2.png) 100% 120% no-repeat;}
.rowbox .rownews .tab_list ul li a {width:60%;  display:block;overflow:hidden;  text-overflow:ellipsis; white-space:nowrap; font-size:1.2em; }
.rowbox .rowcontent.rownews .tab_list { width:90%; height:190px; position:absolute; top:50px;}
.rowbox .rownews .notice_more{position:absolute;right:0%;top:-34px;}

/* 미세먼지 */
.rowbox .rowair{width:88%; height:auto; padding:0 4%; margin:0 2% 2%; overflow:hidden;border-radius:10px;}
.rowbox .rowair h3 {color:#ffffff;}
 
 /* 바로가기 및 풍향풍속 */
.rowbox .rowcontent.rowminwon {width:88%;  padding:4% 4% 0; margin:0 2% 2%; overflow:hidden;border-radius:10px;}
.rowbox .rowminwon .tab_list ul  {width:100% !important;}
.rowbox .rowminwon .tab_list ul li {float:left; padding:2% 1%;}


/* 공사갤러리 */
.rowbox .rowcontent.rowinfolist {border-radius:10px; width:88%; height:auto; padding:4% 4%; margin:0 2% 2%; overflow:hidden; }

/* 사회적가치 terrokings 20211207 */
.social_content .regional_box {padding:30px 0;}
.social_content .sub_title {line-height:25px; padding:6px;}
.social_value_navi li {width:50%;}
.social_value_navi li a { font-size:1.2em;}
.social_content .content_box .box_text .content_text ul {padding:2%;}
.social_content .content_box .division .box_title {position : inherit; left:0; top:0;  margin:0;}
.social_content .content_box .box_text {min-height:220px;}

/* ESG_반응 양식 추가 20211221 */
#contentintro .content_intro .esg_intro {min-height:800px; background:#86c7fc;}
.esg_intro .esg_list .esg_content {background:none;margin:0 auto; width:100%; min-height:752px; }
.esg_intro .esg_list .esg_box {width:96%; height:auto; background:#ffffff; float:left; margin:10px 2% 10px; font-family:'NanumGothicbold'; border-radius:12px;overflow:hidden; }
.esg_intro .esg_list .esg_listbox {padding:10px 0 30px 0 ;}
 .esg_intro .esg_list .esg_box .top_img .mobile {margin:-26px 0 0 0;}
}