@charset "utf-8";
/*

	

*/
/*
	폰사이즈 반응형 css
*/
@media (max-width: 450px){
/*div#header{height:100px;z-index:999;}
div#header div.header_in h1 {position:absolute; margin:0; top:65px; left:15px;}
div#header div.header_in button.gnb_open {top:65px}
div#header div.header_in ul.util {margin:5px 10px 0 20px;}
div#header div.header_in .util .sns_icon {margin:0 0 4px 9px !important;position:absolute; top:30px;} 
div#header div.header_in ul.util li.sns_face {left:70px;}
div#header div.header_in ul.util {float:left;}	
div#header div.header_in ul.util li{margin:0px 0 4px 9px; }
div.middle_in div.notice div ul li a{width:200px;}
div.search_group{position:relative;top:1px !important;right:0;margin:10px 0;width:100%;z-index:1000;}
div.gnbGroup{margin-top:75px;}*/
.orgcontent .org2_2 {left:-30px !important;}
.orgcontent_test .sub_org3 {margin:15px 0 10px 4px !important;}
}

@media (max-width: 580px){
div#middle {background:#ffffff;}


/*공사뉴스*/
div.middle_in div.news { }
div.middle_in div.news div.news_in {background:#f0f0f0;}
div.middle_in div.news div.news_in div p.news_img{width:30%;margin:0 10px 0 10px;}
div.middle_in div.news div.news_in div p.news_img a{width:auto;}
div.middle_in div.news div.news_in div a{width:60%;}
div.middle_in div.news div.news_in div span{width:auto;}
div.middle_in div.news div.news_in p.news_txt{width:auto;}
div.middle_in div.news div.news_in ul.news_list {width:95%; margin:25px 0 0 10px;}
div.middle_in div.news div.news_in ul.news_list li{margin-bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
                                                   background:url(/kr/images/main/new/main_dotted.gif) left 6px no-repeat;padding-left: 10px;width: auto;}

/*공사뉴스 갤러리*/
div.middle_in div.gallery div.gallery_in{width:100%;}
div.middle_in div.gallery div.gallery_in div p.news_img{width:30%;margin:0 10px 0 0;}
div.middle_in div.gallery div.gallery_in div p.news_img a{width:auto;}
div.middle_in div.gallery div.gallery_in div a{width:60%;}
div.middle_in div.gallery div.gallery_in div span{width:auto;}
div.middle_in div.gallery div.gallery_in p.news_txt{width:auto;}

div.middle_in div.gallery div.gallery_in ul.news_list li{margin-bottom:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:url(/kr/images/main/notice_bul.gif) 
left 6px no-repeat;padding-left: 10px;width: auto;}

/*전체탭메뉴*/
div.middle_in div.notice h3 {width:auto !important;font-size:13px; padding:0 5px;}

/*자주찾는 메뉴*/
div.middle_in div.icon{background:#8f8f8f;}
div.middle_in div.icon h3{margin:15px 0 0 17px;color:#ffffff;font-family:'NanumGothicBold';font-weight:normal;font-size:16px;height: 28px;}
div.middle_in div.icon ul.icon_control{position:absolute;right:15px;top:15px;}
div.middle_in div.icon ul.icon_control li{float:left;}

div.middle_in div.icon div.icon_menu{background:#f0f0f0;width:100%;height:151px;overflow:hidden;}
div.middle_in div.icon div.icon_menu ul{position:relative;}
div.middle_in div.icon div.icon_menu ul li{float:left;margin:24px 20px;}
div.middle_in div.icon div.icon_menu ul li a{display:block;text-align:center;width: 84px;height: 113px;}
div.middle_in div.icon div.icon_menu ul li a img{width:84px;height:113px;}



div.middle_in div.icon{/* background:#f0f0f0; */}
div.middle_in div.notice{background: #f0f0f0;}
div.middle_in div.notice div ul{margin:0px 0 0 10px;}
div.middle_in div.manage_info{display:block;}
div.middle_in div.notice div ul li{width:auto;}
div.middle_in div.notice div ul li span.latestdate{display:block;}
div.middle_in div.wind{background:#fff;}
div#wind01, div#wind02{background:#fff;}

		

/*컨테이너 상하차 */
div.middle_in div.terminal_info{margin:0px 0 11px 11px; background: #f0f0f0;}
div.middle_in div.terminal_info h3{padding:0 0 0 15px; height:40px; line-height:40px; font-family:'NanumGothicBold';font-size:14px; color:#0164ca; }
div.middle_in div.terminal_info div.terminal_info_in{border-top:4px solid #8fa3bb; margin-top: 0px;  width:100%; height:116px; background:#ffffff;padding: 0;}
div.middle_in div.terminal_info p.terminal_txt{color:#0164ca; height:40px; line-height:40px; padding:0 0 0 10px;}
table.terminal_info_table{width:100%;border-right:1px solid #bfbfbf;}
table.terminal_info_table caption{width:0;height:0;overflow:hidden;position:absolute;top:-1000000px;left:-1000000px;}
table.terminal_info_table th, table.terminal_info_table td{height:28px; text-align:center;}
table.terminal_info_table thead th{border-left:1px solid #c6d1dc; border-bottom:1px solid #c6d1dc; border-top:1px solid #c6d1dc;background:#e2ebf4;color:#5785b5;}
table.terminal_info_table tbody th{border-left:1px solid #c6d1dc;border-bottom:1px solid #c6d1dc;background:#f2f6f9;color:#7d7d7d;}
table.terminal_info_table tbody td{border-left:1px solid #c6d1dc;border-bottom:1px solid #c6d1dc;background:#fff;color:#888888;}

/* 홍보 */
div.middle_in div.promotion_info .promotion_info_in li {width:45%;}

/* 광양항 운영 */
div.middle_in div.operation_info .operation_info_in {border:none;}

/*열린항만*/
div.middle_in div.open_port {height:100px;}
div.middle_in div.open_port .open_port_in1 {width:50%; height:120px; float:left;}
div.middle_in div.open_port .open_port_in2 {width:50%; height:120px; float:left;}
div.middle_in div.open_port ul li a {font-size:13px;}


/*20140905 추가*/
div.sign_btn_group{height:150px;clear:both;padding:40px 0 0 0;}
div.sign_btn_group a.sign_btn{margin:5px 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;}


div.content .useinfo02 {padding-top: 0;background: url(/kr/images/content/useinfo02.jpg) 80% 18% no-repeat;}
div.content .useinfo02 h4 {margin-right: 0%;padding-bottom: 200px;}
div.content .useinfo05 {background:url(/kr/images/content/useinfo05_line02.gif) 50% 45px no-repeat;}
div.content div.ygpa_imt01 .box_w50 {width: 100%;}
div.content .port040502 {background:url(/kr/images/content/port0004_1.jpg) 50% top no-repeat; padding-top: 200px;padding-left:0px;padding-bottom: 0px;}
div.page_bottom02 div.page_bottom02_in span{display:none;}
div.content .map0902 .box_w25 {width: 45%;}
div.content .map0902 .box_w75 {width: 54%;}
div.content .txt_br04 {display: inline;}


div.board-nav div.pagination ul li a{line-height:25px;padding:0;}
div.board-nav div.pagination ul li.active{width:25px;height:25px;}
div.board-nav div.pagination ul li.active a{}

div.board-rss{display:none;}
div.board-nav div.listbtn{display:none;}
div.content dl.Map {width: 49.5%;}
div.content .orgcontent {width: 272px;}
div.content .orgcontent > ul {width: 263px;background: url(/kr/images/content/org_committee_bg_line480.gif) center top no-repeat;}
div.content div.orgcontent > ul > li > ul > li.org4 > ul > li {margin: 0 0 0 7px;}
div.content .orgcontent ul li ul li.org3 {left: -110px; width: 213px;background: url(/kr/images/content/org_committee_btn01.gif) 77px 10px no-repeat;}
div.content .orgcontent ul li ul li.org4 {left: 68px;width: 213px;background: url(/kr/images/content/org_committee_btn01.gif) 77px 10px no-repeat;}
div.content div.orgcontent > ul > li > ul > li.org4 > a {margin-left: 56px;}
div.content div.orgcontent > ul > li > ul > li.org4 > ul {margin: 21px 0 10px -27px;}

/* 조직도 */
.bun_p{position:static; margin:15px 0 0 1px;}
div.content div.orgcontent > ul > li > ul > li.org3 > ul { margin:1px 0 0 4px;}
div.content .orgcontent ul li ul li.org3 {left:-59px;}
}

@media (max-width: 480px){
	
div.content input[type="text"]{width:100%;}
#searchKeyword{width:auto;}
.btn_address{margin:5px 0 0 0;}



div.content .ygpa0101  {background: url(/kr/images/content/ygpa0101.jpg) center 48px no-repeat;}
div.content .ygpa0101 p.p_h4 span.ys0101 {font-size: 27px;}
div.content div.ship_search input[type="text"]{width:28%;}
div.content .ygpa0102 {background:none;}
div.content .ygpa0102 ul {padding-bottom: 10px;}
div.content .service0201 {width:100%; }
div.content .port040702 {margin: 0 auto;width: 151px;}
div.content .port040702 li {background: url(/kr/images/content/port040702_img_2.gif) left top no-repeat;padding-bottom:40px;}
div.content .port040702 li.long {padding-bottom:40px;}
div.content .port030501, div.content .port030502 {border-right:none;}
div.content .service0101 {width: auto;padding: 30px 0px 100px 0px;}
div.content .service0401 {padding-left: 1%;}
div.content .service0401 .box_w25 {width: 50%;}
div.content .map0902 .box_w25 {width: 100%;}
div.content .map0902 .box_w75 {width: 100%;}
div.content .port030301 {background: url(/kr/images/content/port030301.jpg) right 6% no-repeat;}
div.content .port030301 p.p_h4 {padding-bottom: 17%;}
div.content .useinfo05 {background:none;}
div.content #orgsearch input[type="text"] {width: initial;}

div.content .txt_br {display: inline;} 
div.content .txt_br02 {display: block;} 
div.content .orgcontent {width:310px; height: 580px;}
div.content .orgcontent > ul {width:285px;}
div.content .orgcontent ul li.org1 > a {display: block;width: 100px;height: 33px;text-align: center;padding: 12px 0 0 8px ;margin:0 0 0 20px; font-size: 14px;font-weight: bold;color:#dfffff;}
div.content .orgcontent ul li ul li.org2 {left: 70%;}
div.content .orgcontent ul li ul li.org3 {position:absolute; top:209px; left: -49%; border-bottom: none;width: 116px;background: url(/kr/images/content/org_committee_btn01.gif) center 10px no-repeat;}
div.content .orgcontent ul li ul li.org4 {position:absolute; top:209px;  left: 95%;border-bottom: none;width: 116px;background: url(/kr/images/content/org_committee_btn01.gif) center 10px no-repeat;}
div.content .orgcontent ul li ul li.org5 {left: -68%;}
div.content .orgcontent ul li ul li.org6 {left: -68%;}

div.content div.orgcontent > ul > li > ul > li.org3 > a {margin-left: 0;}
div.content div.orgcontent > ul > li > ul > li.org3 > ul {margin:2px 0 0 1px;width: 140px;}
div.content div.orgcontent > ul > li > ul > li.org3 > ul > li {background: none;margin: 0;padding: 5px 0 0 0;}
div.content div.orgcontent > ul > li > ul > li.org3 > ul > li > a {width: 96px;padding: 6px 7px; height:auto;}


div.content div.orgcontent > ul > li > ul > li.org4 > a {margin-left: 0;}
div.content div.orgcontent > ul > li > ul > li.org4 > ul {margin:13px 0 0 4px;width: 140px;}
div.content div.orgcontent > ul > li > ul > li.org4 > ul > li {background: none;margin: 0;padding: 5px 0 0 0;}
div.content div.orgcontent > ul > li > ul > li.org4 > ul > li > a {width: 96px;padding: 6px 7px;height: 16px;}

div.content .box_w75 {width: 100%;margin-bottom: 10px;}
div.content .box_w60 {width: 100%;margin-bottom: 10px;}
div.content .box_w50 {width: 100%;margin-bottom: 10px;}
div.content .box_w40 {width: 100%;margin-bottom: 10px;}
div.content .box_w30 {width: 100%;margin-bottom: 10px;}
div.content .box_w25 {width: 100%;margin-bottom: 10px;}
div.content .tab_mal20 {padding-left:5px;}
div.content .tab2_mal20 {padding-left:10px;}

div.top_popup div.top_popup_in p.popup_btn{top:68px;right:20px;}

/*배너모음*/
.db_listGroup ul li p.banlist_img a {display: block;width: 169px;margin: 0 auto;}
.db_listGroup ul li p.banlist_img img {float: none;}
.db_listGroup ul li h4 {width: 100%;padding: 10px 0 3px 0;}
.db_listGroup ul li p.ban_link {width: 100%;padding: 0;}

div.content .imt01 {width:100%}
div.content .ygpa010301 {padding: 220px 0 30px 0; background: url(/kr/images/content/youngthinking.jpg) center 40px no-repeat;}
div.content .ygpa010302 {padding: 180px 0 0 0; background: url(/kr/images/content/global.jpg) center top no-repeat;text-align:left;}
div.content .ygpa010303 {padding: 220px 0 30px 0; background: url(/kr/images/content/progressive.jpg) center 40px no-repeat;}
div.content .ygpa010304 {padding: 180px 0 0 0; background: url(/kr/images/content/amazing.jpg) center top no-repeat;text-align:left;}
div.content .imt01 p {text-align: left;}

div.content dl.Map {width:100%;}


/*2015.4.30. 이은아 홍보관 대표사이트안으로 디자인 전환으로 추가 */
div.step01_date_select {/*float: left;*//*margin: 12px 0 0 130px;*//*width:120px;*/
                        margin: 0 auto; padding: 12px 0 0 0;}

/*외부업체에 추가한 소스*/
div.step01_date_select a {display: block; float: left;}
div.step01_date_select p {font-size: 12px; font-weight: bold; font-family: 'NanumGothicBold'; color: #333; line-height:200%; margin: 0 ; text-align: center; font-weight: normal;}
div.step01_division {float: right; margin: 0 2px 0 0; font-size: 11px;}
div.step01_division p {text-align: right; font-size: 11px;}
div.yeyak_step01_top p.step01_today {margin: 7px 0 0 5px; font-size: 11px; font-weight: bold; color: #555;}
div.yeyak_step01_top p.step01_today span.step01_today_date {color: #2b9cb0;font-size: 11px;}
div#layer_popup {position: absolute;left: 10px; bottom: 97px; width: 330px; /*height: 210px;*/ /*background: #AEE5EA;*/	background: #F8F8F8; border: 2px solid #5B6C6D;	display: block;	z-index: 1;}

/*홍보브로슈어 국가별 pdf 다운로드*/
div.content .p_box {border: 4px solid #7DC9CE;background: #F7F8F8 url(/recruit/images/content/diagonal_bg.gif) left top repeat;padding: 10px;}
div.content dl.pdf_bro4 {float: none;margin: 10px 0 0 85px; padding: 5px 0 0 0;width: 257px;height: 36px;line-height: 220%;background: url(/square/images/content/bro_bg.jpg) left top no-repeat;}

div.content  p.bg030201 {background: #FAFCFF;}


/*20151117 사전정보공개 아이콘 추가 작업 요청*/
div.content ul.tabmenu05 li{float:left;padding:0;width:100%;background:none;margin:0 0 5px 0;}

/* 20171129 회원메뉴 통계등록 아이콘추가 */
div#header div.header_in ul.util .enterprise_mb_li {position:absolute; right:120px; top:20px;}
}

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

/* 퀵메뉴 */
.quickmenu_in_mobile ul li a img {width:20%;}

/* 공사뉴스 갤러리 */
.gallery_box .news_img_box a {font-size:1em;}
.gallery_box .news_img_box span {font-size:1em; padding:14px 0 0 0;}

/* row콘텐츠 */
.rowbox .rowcontent h3 {font-size:17px; font-family:'NanumSquare'; font-weight:700; color:#ffffff}
.rowbox .rowminwon ul li a {font-size:1.2em;}

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

}