@charset "utf-8";

.hidden {position:absolute; left:-1000em; width:0px; height:0px; overflow:hidden; line-height:0 }
.over_hidden {widht:100%; overflow:hidden;}

/* 텍스트 배경색 */
.bg_navy {padding:2px; color:#fff; background:#1d366c;}
.bg_blue {padding:2px; color:#fff; background:#0063a8;}
.bg_gray {padding:2px; color:#fff; background:#333;}
.bg_red {padding:2px; color:#fff; background:#f25953;}
.bg_mint {padding:2px; color:#fff; background:#00a59f;}

/* 텍스트 색상 */
.pc_navy {color:#1d366c;}
.pc_blue {color:#0063a8;}
.pc_gray {color:#333;}
.pc_red {color:#f25953;}
.pc_mint {color:#00a59f;}

/* 폰트 사이즈 */
.fs12 {font-size:12px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px; line-height:24px; letter-spacing:-1px;}
.fs18 {font-size:18px; line-height:26px; letter-spacing:-1px;}
.fs20 {font-size:20px; line-height:28px; letter-spacing:-1px;}
.fs22 {font-size:22px; line-height:30px; letter-spacing:-1px;}
.fs24 {font-size:24px; line-height:32px; letter-spacing:-1px;}
.fs26 {font-size:26px; line-height:34px; letter-spacing:-1px;}
.fs36 {font-size:36px; line-height:42px; font-family:"맑은 고딕",Malgun Gothic; letter-spacing:-5px;}
.fs36_e {font-size:36px; line-height:42px; font-family:Arial; letter-spacing:-2px;}


/* 타이틀 관련 */
.cont_title1 {font-size:20px; color:#134e87; line-height:24px; padding-top:6px; letter-spacing:-2px; background:url(../../m_images/contents/bu_cont_title.png) no-repeat left top; background-size:16px 2px;}
.cont_title2 {font-size:18px; color:#1d366c; line-height:22px; padding:6px 0 0 20px; letter-spacing:-2px; background:url(../../m_images/contents/bu_comment.png) no-repeat left top; background-size:16px 16px;}

.cont_title01 {font-size:21px; color:#134e87; line-height:1.4; text-indent: -32px; padding: 0 0 0 34px; letter-spacing: -0.05em; font-family:'맑은 고딕','Malgun Gothic',Gulim,'굴림',Sans-serif; }

/* 내용관련 */
.list_st1 {color:#333; overflow:hidden;}
.list_st1 li {padding:5px 0 0 15px; font-size:17px; color:#333; font-weight:bold; line-height:24px; letter-spacing:-1px; background:url(../../m_images/contents/bu_circle.png) no-repeat 0 8px; background-size:12px 12px;}
.list_st2 {color:#666; overflow:hidden;}
.list_st2 li {padding:5px 0 0 13px; font-size:16px; color:#555; font-weight:normal; line-height:23px; letter-spacing:-1px; background:url(../../m_images/contents/bu_arrow.png) no-repeat 0 10px; background-size:6px 10px;}
.list_st3 { color:#666; overflow:hidden;}
.list_st3 li {padding:3px 0 0 12px; font-size:16px; color:#555; font-weight:normal; line-height:22px; letter-spacing:-1px; background:url(../../m_images/contents/bu_bar.png) no-repeat 0 11px; background-size:5px 2px;}
.list_st4 {color:#666; overflow:hidden;}
.list_st4 li {padding:2px 0 0 8px; font-size:16px; color:#555; font-weight:normal; line-height:21px; letter-spacing:-1px; background:url(../../m_images/contents/bu_dot.png) no-repeat 0 10px; background-size:2px 2px;}

.cont_text1 {padding-left:15px; font-size:17px; color:#333; line-height:24px; letter-spacing:-1px; font-weight:bold; letter-spacing:-1px; background:url(../../m_images/contents/bu_circle.png) no-repeat 0 3px; background-size:12px 12px;}
.cont_text2 {padding-left:13px; font-size:16px; color:#555; line-height:23px; letter-spacing:-1px; font-weight:normal; background:url(../../m_images/contents/bu_arrow.png) no-repeat 0 5px; background-size:6px 10px;}
.cont_text3 {padding-left:12px; font-size:16px; color:#555; line-height:22px; letter-spacing:-1px; font-weight:normal; background:url(../../m_images/contents/bu_bar.png) no-repeat 0 8px; background-size:5px 2px;}
.cont_text4 {padding-left:8px; font-size:16px; color:#555; line-height:21px; letter-spacing:-1px; font-weight:normal; background:url(../../m_images/contents/bu_dot.png) no-repeat 0 8px; background-size:2px 2px;}
a.cont_link {color:#0063a8; text-decoration:underline; padding-left:20px; background:url(../../m_images/contents/icon_link.png) no-repeat 4px 2px; background-size:10px 10px;}

/* 텍스트 배경색 */
.bg_navy {padding:2px; color:#fff; background:#1d366c;}
.bg_blue {padding:2px; color:#fff; background:#0063a8;}
.bg_gray {padding:2px; color:#fff; background:#333;}

/* 기본 테이블 */
.tb_base_box {position:relative; width:100%; margin-top:-20px; padding-top:25px; overflow:hidden;}
.tb_base_box .util {position:absolute; top:3px; right:0; line-height:16px; color:#666;}
.tb_base {position:relative; width:100%; border-collapse:collapse; border-top:2px solid #1868b3; margin-left:-1px;}
.tb_base caption span {position:absolute; top:-9999px; overflow:hidden; height:0px; width:0px; }
.tb_base thead th {padding:9px 5px; text-align:center; color:#1868b3; letter-spacing:-1px; background:#f1f6fb; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3;}

.tb_base td {padding:9px 5px; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#666; text-align:left;}
.tb_base td.ta_c {padding:9px 5px; text-align:center;}
.tb_base td.ta_r {padding:9px 5px; text-align:right;}

.tb_base tbody th {padding:9px 5px; text-align:center; color:#1868b3; letter-spacing:-1px; background:#f1f6fb; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3;}
.tb_base tbody.tb_center td {padding:9px 5px; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3;  color:#666; text-align:center;}
.tb_base tbody.tb_center td.ta_r {padding:9px 5px; text-align:right;}
.tb_base tbody.tb_center td.ta_l {padding:9px 5px; text-align:left;}

.tb_base tbody.tb_gray th {padding:9px 5px; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#333; background:#fafafa;}
.tb_base th.ta_l {text-align:left;}

.tb_base tbody tr.bg_gray_col {padding:9px 5px; background:#fafafa; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#666;}

.tb_base tfoot th {padding:9px 5px; color:#333; background:#fafafa; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; font-weight:bold;}
.tb_base tfoot td {padding:9px 5px; background:#fafafa; border-left:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; color:#666; font-weight:bold;}

/* 기본테이블2 */
.tb_base2 {position:relative; width:100%; border-collapse:collapse; border-top:2px solid #1868b3; border-left:1px solid #c8d1db; margin-left:-1px;}
.tb_base2 th {text-align:center; color:#333; border-right:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3; background:#dfdfdf;}
.tb_base2 td {border-right:1px solid #b2c2e3; border-bottom:1px solid #b2c2e3;}

/* 박스 스타일 */
.box_st1 {padding:15px; border-top:2px solid #0063a8; border-bottom:1px solid #b2c2e3;  border-left:1px solid #c8d1db; border-right:1px solid #c8d1db;}
.box_line {padding-top:10px; border-top:1px dotted #c8d1db;}

.box_st2 {padding:15px; border:1px solid #c8d1db; background:#fbfbfb;}

.box_st3 {padding:8px; background:url(../../m_images/contents/bg_pattern_g.png) repeat; background-size:5px 5px;}
.box_st3 .box {padding:15px; background:#fff; overflow:hidden;}
.box_st3 .box_y_scroll {padding:15px; height:200px; overflow-y: scroll;  background:#fff; }
.box_st3 .box_y_scroll_150 {padding:15px; height:150px; overflow-y: scroll;  background:#fff; }
.box_st3 .box_y_scroll_140 {padding:15px; height:140px; overflow-y: scroll;  background:#fff; }

.box_st4 {position:relative; width:100%;}
.box_st4 .box_title_n {padding:5px 10px; color:#fff; background:url(../../m_images/contents/bg_pattern2.png) repeat #1d366c; background-size:400px 165px; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; overflow:hidden;}
.box_st4 .box_title_b {padding:5px 10px; color:#fff; background:url(../../m_images/contents/bg_pattern2.png) repeat #0063a8; background-size:400px 165px; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; overflow:hidden;}
.box_st4 .box_title_m {padding:5px 10px; color:#fff; background:url(../../m_images/contents/bg_pattern2.png) repeat #00a59f; background-size:400px 165px; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; overflow:hidden;}
.box_st4 .box_title_g {padding:5px 10px; color:#fff; background:url(../../m_images/contents/bg_pattern2.png) repeat #333; background-size:400px 165px; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; overflow:hidden;}
.box_st4 .box_title_r {padding:5px 10px; color:#fff; background:url(../../m_images/contents/bg_pattern2.png) repeat #f25953; background-size:400px 165px; border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; overflow:hidden;}
.box_st4 .box_cont {padding:10px; border-left:1px solid #c8d1db; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; border-radius:0 0 15px 15px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; overflow:hidden;}

/* 새창 페이지 박스 스타일 */
.link_box {padding:10px; background:url(../../m_images/contents/bg_pattern_g.png) repeat; background-size:10px 10px;}
.link_box .box {padding:190px 10px 20px 10px;  background:url(../../m_images/contents/img_link.png) no-repeat center 10px #fff; background-size:156px 162px;}

/* 버튼스타일 */
/* 흰색 */
a.btn_down_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_down.png) no-repeat 10px 10px #f4f6f8; background-size:16px 14px;}
a.btn_link_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_link.png) no-repeat 10px 10px #f4f6f8; background-size:16px 16px;}
a.btn_move_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_move.png) no-repeat 14px 10px #f4f6f8; background-size:10px 12px;}
a.btn_check_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_check.png) no-repeat 10px 12px #f4f6f8; background-size:16px 11px;}

/* 파랑 */
a.btn_down_b {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_down2.png) no-repeat 10px 10px #0063a8; background-size:16px 14px;}
a.btn_link_b {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_link2.png) no-repeat 10px 10px #0063a8; background-size:16px 16px;}
a.btn_move_b {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_move2.png) no-repeat 14px 10px #0063a8; background-size:10px 12px;}
a.btn_check_b {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_check2.png) no-repeat 10px 12px #0063a8; background-size:16px 11px;}


/* 진회색 */
a.btn_down_g {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_down2.png) no-repeat 10px 10px #586272; background-size:16px 14px;}
a.btn_link_g {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_link2.png) no-repeat 10px 10px #586272; background-size:16px 16px;}
a.btn_move_g {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_move2.png) no-repeat 14px 10px #586272; background-size:10px 12px;}
a.btn_check_g {margin:1px; padding:5px 10px 5px 32px; display:inline-block; letter-spacing:-1px; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../../m_images/contents/bg_btn_check2.png) no-repeat 10px 12px #586272; background-size:16px 11px;}


/* 텍스트 링크 */
.icon_link {padding-left:16px; color:#1d366c; text-decoration:underline; background:url(../../m_images/contents/icon_link.png) no-repeat 4px 50%; background-size:10px 10px;}

/* 기타 텍스트 관련 */
.font_normal {font-weight:normal;}
.ls_1 {letter-spacing:-1px;}

/* 골든하버 버튼 */
a.btn_map_img_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; border:1px solid #c8d1db; background:url(../../images/contents/golden_01.png) no-repeat 10px 7px #f4f6f8; background-size:20px auto;}
a.btn_youtube_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; border:1px solid #c8d1db; background:url(../../images/contents/golden_02.png) no-repeat 7px 9px #f4f6f8; background-size:22px auto;}
a.btn_book_img_w {margin:1px; padding:5px 10px 5px 32px; display:inline-block; border:1px solid #c8d1db; background:url(../../images/contents/golden_03.png) no-repeat 7px 9px #f4f6f8; background-size:20px auto;}



/* 라인 */
.line_top {padding-top:20px; background:url(../../m_images/contents/bg_line.png) repeat-x left 10px; background-size:5px 1px;}
.line_top2 {height:1px; margin:25px 0; background:url(../../m_images/contents/bg_line.png) repeat-x left top; background-size:5px 1px;}


/* input, select */
.input_st {height:24px; line-height:24px;  font-family:Gulim; vertical-align:middle; border:1px solid #c8d1db;}
.select_st {height:26px; font-size:12px; font-family:Gulim; vertical-align:middle; border:1px solid #c8d1db;}
.textarea_st {width:95%; height:200px; font-family:Gulim; vertical-align:middle; border:1px solid #c8d1db;}
.input_file {height:24px; line-height:24px; font-family:Gulim; vertical-align:middle; }

/* 알림말메세지 */
.link_notice { text-align:center; color:#1d366c; font-size:16px; font-family:"맑은 고딕",Malgun Gothic; overflow:hidden; width:94%; padding:172px 3% 0 3%; background:url(../../m_images/contents/bg_link2.png) no-repeat center top; background-size:220px 152px;}

/* 컨텐츠 부분 **************************************************************************************************************************************************************************/

/* 태블릿 */
@media all and (min-width:768px){

	.w50_fl {width:49%; float:left;}
	.w50_fr {width:49%; float:right;}
	
	/* 탭스타일 */
	.cont_tab {margin-bottom:20px; overflow:hidden; font-weight:bold; letter-spacing:-1px;}
	.cont_tab ul{overflow:hidden;}
	.cont_tab ul.tab_w1 li {width:25%; float:left; text-align:center;}
	.cont_tab ul.tab_w1 li a {margin:1px;}
	.cont_tab ul.tab_w2 li {width:50%; float:left; text-align:center;}
	.cont_tab ul.tab_w2 li a {margin:1px;}
	.cont_tab li.on a {display:block; height:40px; line-height:40px; padding:0 10px;  color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#1868b3;}
	.cont_tab li.off a {display:block; height:38px; line-height:38px; padding:0 9px;  color:#999; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f7f7f7;}



	/* 국제여객 여객실시간 운항정보 */
	.ferry_search {text-align:center; font-weight:bold; color:#353941;}
	.ferry_search label {margin-right:5px;}
	.ferry_search p {font-weight:normal; margin-top:15px; color:#666;}
	.ferry_search select {color:#666; letter-spacing:-1px; line-height:0; vertical-align:middle; height:24px;}



	/* IPA소개 */
	/* CEO인사말 */
	.greeting {position:relative; width:100%; height:310px;  border-bottom:1px dashed #c8d1db;  background:url(../../images/contents/page6/bg_greeting.gif) no-repeat right 50%; background-size:300px 227px; background: none;}
		.greeting_left {width:48%; height:360px; float:left; line-height:20px;  margin-right:2%;}
	.greeting_right {width:48%; height:360px; float:right; line-height:20px;   margin-left:2%;}
	.historybox {position:relative; width:100%; overflow:hidden;}
	.greeting_history {overflow:hidden; position:relative; width:100%; margin-top:15px; background:url(../../m_images/contents/page7/bg_greeting2.gif) no-repeat left top; background-size:800px 2px;}
	.greeting_history li {position:relative; width:635px;  padding:8px 0 8px 165px; line-height:20px;  border-bottom:1px dashed #c8d1db; }
	.greeting_history li span {position:absolute; top:8px; left:10px; width:160px; color:#1d366c; font-weight:bold; font-size:15px;}
	/* 동반성장인사말 */
	.greeting2 {position:relative; width:100%; height:310px;  border-bottom:1px dashed #c8d1db;  background:url(../../m_images/contents/page7/bg_greeting2.png) no-repeat right 50%; background-size:300px 227px;}
	.greeting_left2 {width:48%; height:360px; float:left; line-height:20px;  margin-right:2%;}
	.greeting_right2 {width:48%; height:360px; float:right; line-height:20px;   margin-left:2%;}
	.historybox2 {position:relative; width:100%; overflow:hidden;}
	.greeting_history2 {overflow:hidden; position:relative; width:100%; margin-top:15px; background:url(../../m_images/contents/page7/bg_greeting2.gif) no-repeat left top; background-size:800px 2px;}
	.greeting_history2 li {position:relative; width:635px;  padding:8px 0 8px 165px; line-height:20px;  border-bottom:1px dashed #c8d1db; }
	.greeting_history2 li span {position:absolute; top:8px; left:10px; width:160px; color:#1d366c; font-weight:bold; font-size:15px;}



	/* 기관연혁 */
	.organ_history {background:url(../../m_images/contents/bg_pattern_g.png) repeat-x left top; background-size:5px 5px;}
	.organ_history li{padding:7px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.organ_history li:first-child{ padding-top: 14px;}
	.organ_history li .organ_history_date {float:left; width:10%; font-weight:bold; font-size:18px; text-align:center; color:#1d366c; }
	.organ_history li .organ_history_con {float:right; width:88%; line-height:1.5;}

	.organ_history2 {background:url(../../m_images/contents/bg_pattern_g.png) repeat-x left top; background-size:5px 5px;}
	.organ_history2 li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.organ_history2 li .organ_history_date {float:left; width:7%; font-weight:bold; font-size:18px; text-align:center; color:#1d366c; }
	.organ_history2 li .organ_history_con {float:right; width:91%;}
	.organ_history2 li .organ_history_con ul li {padding:2px 0 0 8px; border-bottom:0px; font-size:16px; color:#555; font-weight:normal; line-height:21px; letter-spacing:-1px; background:url(../../m_images/contents/bu_dot.png) no-repeat 0 10px; background-size:2px 2px;}

	/* 고객서비스 헌장 */
	.charter_wrap .charter_title {padding-top:5px; color:#333; font-weight:bold; font-size:17px;}
	.charter_wrap dl dt {padding-top:10px; color:#555; font-weight:bold;}
	.charter_wrap dl dd {position:relative; padding:5px 0 0 12px;}
	.charter_wrap dl dd p.charter_num {position:absolute; top:5; left:12px; width:90px; }
	.charter_wrap dl dd p.charter_txt {padding-left:35px; }
	.charter_wrap dl dd .charter_txt2 li {padding:5px 0 0 42px; line-height:18px; background:url(../../m_images/contents/bu_dot.gif) no-repeat 35px 12px; }

	/* 파일다운로드 (고객서비스 헌장, 부패공직자현황공개, ) */
	.file_down {overflow:hidden;}
	.file_down li {width:25%; height:117px; padding:15px 15px 15px 160px; border:1px solid #c8d1db; float:left; background:url(../../m_images/contents/page3/bg_charter_down.gif) no-repeat 15px 15px;}
	.file_down li p {padding:15px 0 5px 0; font-size:15px; color:#333;  font-weight:bold; line-height:22px;}

	/* 오시는길 지도 공통 */
	.cont_map {width:97%; height:350px; padding:14px;  border:1px solid #c8d1db;}


	/* CEO윤리경영메시지 */
	.ceo_message {background:url(../../m_images/contents/page7/img_ceo_message.gif) no-repeat right top;}

	/* 윤리강령 */
	.ethics_box h5 {font-size:17px;}
	.ethics_creed li {position:relative; overflow:hidden;}
	.ethics_creed li span.ethics_num {display:block; float:left; width:2%;}
	.ethics_creed li span.ethics_txt {display:block; float:left; width:97%;}
	.ethics_creed li .ethics_creed2 {width:97%; padding:4px 0 4px 2%; overflow:hidden;}
	.ethics_creed li .ethics_creed2 li {width:100%; overflow:hidden;}


/* 사이버 홍보관 */
	/* 대회수상실적 */
	.awarded_list {border-top:2px solid #586272;}
	.awarded_list li {position:relative; min-height:135px; padding:15px 0; border-bottom:1px dotted #c8d1db;}
	.awarded_list li .awarded_img {position:absolute; top:15px; left:15px; width:125px; height:125px; padding:4px; border:1px solid #c8d1db;}
	.awarded_list li dl {padding:20px 0 0 170px;}
	.awarded_list li dt {font-size:16px; color:#333; line-height:20px; font-weight:bold;}
	.awarded_list li dt a {color:#333;}
	.awarded_list li dd {padding-top:10px; line-height:20px; color:#555;}
	.awarded_list li dd p {margin-top:3px;}
	.awarded_list li dd p span {display:inline-block; width:80px; margin-right:7px; font-weight:bold; background:url(../../m_images/contents/page5/bg_awarded_line.gif) no-repeat right 4px;}

	/* 갑문홍보관 > 소개 및 역사 */
	.lock_history_blue {position:relative; min-height:223px; padding-left:290px; }
	.lock_history_blue h4 {position:absolute; top:0; left:0; width:147px; height:223px; line-height:178px; padding:0 76px 0 22px; text-align:center; font-size:20px; letter-spacing:-1px; color:#1868b3; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page5/bg_history.gif) no-repeat left top;}
	.lock_history_blue ol {border-top:2px solid #1868b3;}
	.lock_history_blue ol li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.lock_history_blue .lock_history_date {float:left; width:15%; font-family:Verdana; font-weight:bold; font-size:16px; text-align:center; color:#1d366c; }
	.lock_history_blue .lock_history_date2 {float:left; width:15%; font-family:Verdana; font-weight:bold; font-size:16px; text-align:center; color:#086764; }
	.lock_history_blue .lock_history_cont {float:right; width:85%; line-height:20px;}
	
	.lock_history_mint {position:relative; min-height:223px; padding-left:290px; }
	.lock_history_mint h4 {position:absolute; top:0; left:0; width:147px; height:223px; line-height:178px; padding:0 76px 0 22px; text-align:center; font-size:20px; letter-spacing:-1px; color:#098c87; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page5/bg_history2.gif) no-repeat left top;}
	.lock_history_mint ol {border-top:2px solid #098c87;}
	.lock_history_mint ol li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.lock_history_mint .lock_history_date {float:left; width:15%; font-family:Verdana; font-weight:bold; font-size:16px; text-align:center; color:#086764; }
	.lock_history_mint .lock_history_cont {float:right; width:85%; line-height:20px;}


	/* ci */
	.ci_info {position:relative; overflow:hidden;}
	.ci_info .ci_img {width:246px; float:left; margin-right:24px;}
	.ci_info .ci_img2 {overflow:hidden;}
	.ci_info .ci_img2 li {float:left; margin:0 0.5% 0 0;}
	.ci_info .ci_img3 {overflow:hidden;}
	.ci_info .ci_img3 li {width:29%; float:left; border:1px solid #c8d1db; margin:0 2% 0 2%;}
	.ci_info .ci_img3 li .ci_banner_img {margin-top:20px; text-align:center; line-height:30px;}
	.ci_info .ci_img3 li .ci_banner_txt {padding:15px; background:#f7f9fa; border-top:1px dotted #c8d1db; word-wrap:break-word; word-break:break-all;}
	.ci_info .ci_img3 li.ci_img3_last {width:95.5%; float:left; border:1px solid #c8d1db; margin-top:15px;}
	.ci_info .ci_txt {position:relative; width:95%; float:left;}
	.ci_info .btn_ci_down {position:absolute; top:0; right:0;}

.ci_wrap_01 .ci_img4 li {width: 50%;}
.ci_wrap_01 .ci_img4 .ci_ri {float: right;}
@media all and (min-width:320px) and (max-width:820px) {
.ci_wrap_01 .ci_img_img4 { width: 246px; }
.ci_wrap_01 .ci_info .ci_img3 li .ci_banner_txt { width: 224px !important; margin: 0 auto 20px auto; border: 1px solid #c8d1db; }
}

	/* IPA 동반성장 소개 */
	.develop_site {width:730px; overflow:hidden; border-top:1px solid #c8d1db; border-right:1px solid #c8d1db; background:#c8d1db;}
	.develop_site li {width:145px; height:80px; float:left; margin:0 0 0 1px; border-bottom:1px solid #c8d1db; }


	/* 갑문홍보관 > 홍보관소개 */
	.lock_info_top {width:700px; margin:20px auto 0 auto; padding:5px; border:1px dashed #c8d1db;}
	.lock_info_top .lock_info_top2 {padding:10px; text-align:center; color:#1d366c; font-size:16px; font-family:"맑은 고딕",Malgun Gothic; background:#fff; overflow:hidden;}
	.lock_info_list {width:100%; margin:0 auto; overflow:hidden;}
	.lock_info_list li {width:45%; height:auto; margin:2%; float:left; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w100 {width:690px; height:481px; margin:15px; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w33 {width:29%; height:auto; margin:2%; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w33 p.lock_list_txt {position:relative; text-align:center; line-height:24px; padding:5px; color:#555; border-top:1px solid #c8d1db; letter-spacing:-1px;}
	.lock_info_list li.lock_info_w33 p.lock_list_txtwide {position:relative; background:#fff; height:55px; text-align:center; line-height:24px; padding:5px; color:#555; border-top:1px solid #c8d1db; letter-spacing:-1px;}
	.lock_info_list li p.lock_list_img {padding:14px;}
	.lock_info_list li p.lock_list_txt {position:relative; height:auto; line-height:30px; padding:5px 5px 5px 30px; color:#555; border-top:1px solid #c8d1db;}
	.lock_info_list li p.lock_list_txt2 {position:relative; height:auto; line-height:30px; padding:5px; text-align:center; color:#555; border-top:1px solid #c8d1db;}
	.lock_info_list li p.lock_list_txt span {position:absolute; top:5px; left:5px; width:30px; height:30px; font-weight:bold; display:block; letter-spacing:-1px; line-height:30px; font-family:Verdana; font-size:15px; text-align:center; color:#fff; background:#134e87;}
	.lock_info_near {width:630px; margin:5px auto 55px auto; overflow:hidden; border:1px solid #c8d1db; padding:14px;}
	.lock_info_near p.lock_list_txt {position:relative; margin-bottom:10px; padding:5px 5px 5px 15px; color:#1d366c; line-height:9px; font-weight:bold; text-align:left; background:url(../../m_images/contents/bu_circle.png) no-repeat 0 3px;   background-size:12px 12px;}

	/* 임시출입신청 */
	.access_appl_wrap {padding:10px; border:5px solid #e3e8ed;}
	.access_appl_wrap .access_appl {min-height:144px; padding:25px 0 20px 230px; border:1px solid #c8d1db; background:url(../../m_images/contents/page3/bg_access.gif) no-repeat 40px center;}


/* 로그인 */
.member_box {padding-top:20px;}
.member_box h4 {font-size:30px; font-family:"맑은 고딕",Malgun Gothic; color:#3f4456;  font-weight:bold;  text-align:center;}
.member_box h4 span {font-size:14px; color:#757e9b;}
	.form_area {padding:20px 0; margin-top:20px;}
	.form_area .login_box {margin:0 auto; position:relative; width:380px; min-height:109px; padding-left:160px; background:url(../../m_images/etc/bg_login.gif) no-repeat 10px top;}
	.form_area .login_box ul {height:75px;}
	.form_area .login_box ul li label {width:80px; display:inline-block; vertical-align:middle; font-size:12px; font-weight:bold;}
	.form_area .login_box ul li input.ip_type {width:204px; height:33px; line-height:33px; margin:0; padding:0 5px; vertical-align:middle; border:1px solid #e5e5e5;}
	.form_area .login_box p.idpwd_save {margin-top:10px; padding-left:80px;}
	.form_area .login_box p.btn_login {position:absolute; top:0; right:0;}

	.form_area .find_box {overflow:hidden; width:410px; padding:20px 0 15px 140px; }
	.form_area .find_box p label{float:left; vertical-align:middle;}
	.form_area .find_box p{float:left; width:270px; margin:0; padding:0;}
	.form_area .find_box p span{display:block; margin-top:5px; }
	.form_area .find_box p.btn_submit{float:right; width:130px; margin:0; padding:0;}
	.form_area .find_box textarea{width:300px; height:40px; border:1px solid #e5e5e5;}

/* 비상연락망 추가 */
	.form_area .login_box ul li .sms_btn {display:inline-block; text-align:center; color:#fff; line-height:1.2em; padding:6px 5px 8px 5px; vertical-align:middle; font-size:0.9em; background:#6189b0; border:0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.form_area .login_box ul li .confirm_btn {width:50%;  display:inline-block; text-align:center; color:#fff; line-height:1.2em; padding:8px 0 10px 0; vertical-align:middle; font-size:1em; background:#586272; border:0;}


/* 조직도 */
	.organization {position:relative; background:url(../../m_images/contents/page7/bg_organization.png) repeat-y center top #fff; background-size:1px 1px;} 
	.organization h4 {width:100%; height:60px; font-size:26px; line-height:60px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page7/bg_orga.gif) repeat-x left top;}
	.organization_box {margin-top:20px; padding:1%; border:1px solid #c8d1db; overflow:hidden; background:#fff;}
	.organization_box ol li ul {position:relative; overflow:hidden; width:100%;}
	.organization_box ol li a {display:block; }
	.organization_box ol li ul.orga_depa_wrap li {width:24.2%; margin:10px 0.92% 10px 0; float:left;}
	.organization_box ol li ul.orga_depa_wrap li a.orga_depa {width:100%; height:50px; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#00a59f;}
	.organization_box ol li ul.orga_depa_wrap li a {padding-right:2px;}
	.organization_box ol li ul.orga_depa_wrap li.orga_agency {position:absolute; top:0; right:2px; width:24.4%; margin-right:0;}
	.organization_box ol li ul.orga_depa_wrap li.orga_agency a.orga_depa {width:100%; height:50px; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#007f78;}
	.organization_box ol li ul.orga_depa_wrap li ul {width:100%; height:220px; margin-right:2px; border:1px solid #c8d1db; background:#fff;}
	.organization_box ol li ul.orga_depa_wrap li ul li {width:100%; margin:9px auto; float:none; text-align:center; line-height:18px;}
	.organization_box ol li ul.orga_depa_wrap li ul li ul {width:90%; height:auto; margin:5px auto; border:1px solid #c8d1db; background:#f7f9fa;}
	.organization_box ol li ul.orga_depa_wrap li ul li ul li {width:100%; margin:4px 0;}

	.organization ol li ul.orga_etc_wrap {position:relative; width:100%; padding:0; margin:10px 0; overflow:hidden;}
	.organization ol li ul.orga_etc_wrap li {width:100%; float:left;}
	.organization ol li ul.orga_etc_wrap li .orga_etc {width:100%; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}
	.organization ol li ul.orga_etc_wrap2 {position:relative; width:100%; padding-right:2px; margin:20px 0; overflow:hidden; overflow:hidden; background:#fff;}
	.organization ol li ul.orga_etc_wrap2 li .orga_etc {width:100%; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}
	.organization ol li ul.orga_etc_wrap2 .orga_etc2 {width:100%; float:left; border:1px solid #c8d1db;}
	
	.organization ol li ul.orga_etc_wrap2 li ul {margin-top:20px; width:98%; z-index:2; margin:10px auto;}
	.organization ol li ul.orga_etc_wrap2 li ul li {width:48.7%; float:left; padding:5px; margin:5px 0.5%; border:1px solid #c8d1db; background:#f7f9fa;}
	.organization ol li ul.orga_etc_wrap2 li ul li a {font-size:16px; line-height:16px; text-align:center; font-family:"맑은 고딕",Malgun Gothic;}
	.organization ol li ul.orga_etc_wrap2 li .orga_etc ul {height:80px; }
	.organization ol li ul.orga_etc_wrap2 li .orga_etc ul li{width:100%; font-size:16px; line-height:16px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}

	.organization ol li .orga_ceo {width:100%; height:60px; margin:10px 0; line-height:60px; font-size:20px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#134e87;}

	.organization .orga_labor {width:100%; height:60px; margin:10px 0; line-height:60px; font-size:20px; font-family:"맑은 고딕",Malgun Gothic; text-align:center; background:#f25953;}
	.organization .orga_labor a {display:block; color:#fff;}
	
	/* 조직도 상세 */
	.organization2 {position:relative; }
	.organization2 .btn_organization {position:absolute; top:0; right:0;}



}



	
	
	
	/* 탭스타일 */
	.cont_tab {margin-bottom:20px; overflow:hidden; font-weight:bold; letter-spacing:-1px;}
	.cont_tab ul{overflow:hidden;}
	.cont_tab ul.tab_w1 li {width:49.8%; float:left; text-align:center; text-overflow:ellipsis;margin: 1px 0px; box-sizing: border-box;}
	.cont_tab ul.tab_w1 li a {margin:1px;}
	.cont_tab ul.tab_w2 li {width:100%; margin-top:2px; text-align:center;}
	.cont_tab li.on a {display:block; font-size:13px; height:38px; text-overflow:ellipsis; line-height:38px; padding:0 7px;  color:#fff;  border:1px solid #1868b3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#1868b3; white-space: nowrap; overflow: hidden;}
	.cont_tab li.off a {display:block; font-size:13px; height:38px; text-overflow:ellipsis; line-height:38px; padding:0 7px;  color:#999; border:1px solid #c8d1db; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f7f7f7; white-space: nowrap; overflow: hidden;}


	/* 국제여객 여객실시간 운항정보 */
	.ferry_search {text-align:center; font-weight:bold; color:#353941;}
	.ferry_search label {margin-right:5px;}
	.ferry_search p {font-weight:normal; margin-top:15px; color:#666;}
	.ferry_search select {color:#666; letter-spacing:-1px; line-height:0; vertical-align:middle; height:24px;}



	/* IPA소개 */
	/* CEO인사말 */
	.greeting {position:relative; width:100%; height:310px;  border-bottom:1px dashed #c8d1db;  background:url("../../images/contents/page6/bg_greeting.gif") no-repeat right top; background-size:80%;}

	.historybox {position:relative; width:100%; overflow:hidden;}
	.greeting_history {overflow:hidden; position:relative; width:100%; margin-top:15px; background:url(../../m_images/contents/page7/bg_greeting2.gif) no-repeat -30px top; background-size:800px 2px;}
	.greeting_history li {position:relative; width:100%;  padding:8px 0 8px 135px; line-height:20px;  font-size:13px; border-bottom:1px dashed #c8d1db; letter-spacing:-2px;}
	.greeting_history li span {position:absolute; top:8px; left:10px; width:120px; color:#1d366c; font-weight:bold; font-size:13px; letter-spacing:0;}

	/* 동반성장인사말 */
	.greeting2 {position:relative; width:100%; height:310px;  border-bottom:1px dashed #c8d1db;  background:url(../../m_images/contents/page7/bg_greeting2.png) no-repeat right top; background-size:198px 153px;}

	.historybox2 {position:relative; width:100%; overflow:hidden;}
	.greeting_history2 {overflow:hidden; position:relative; width:100%; margin-top:15px; background:url(../../m_images/contents/page7/bg_greeting2.gif) no-repeat -30px top; background-size:800px 2px;}
	.greeting_history2 li {position:relative; width:100%;  padding:8px 0 8px 135px; line-height:20px;  font-size:13px; border-bottom:1px dashed #c8d1db; letter-spacing:-2px;}
	.greeting_history2 li span {position:absolute; top:8px; left:10px; width:120px; color:#1d366c; font-weight:bold; font-size:13px; letter-spacing:0;}


	/* 기관연혁 */
	.organ_history {background:url(../../m_images/contents/bg_pattern_g.png) repeat-x left top; background-size:5px 5px;}
	.organ_history li {padding:7px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.organ_history li:first-child{ padding-top: 14px;}
	.organ_history li .organ_history_date {float:left; width:20%; font-weight:bold; font-size:16px; text-align:center; color:#1d366c; }
	.organ_history li .organ_history_con {float:right; width:76%; line-height:20px;}

	.organ_history2 {background:url(../../m_images/contents/bg_pattern_g.png) repeat-x left top; background-size:5px 5px;}
	.organ_history2 li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.organ_history2 li .organ_history_date {float:left; width:16%; font-weight:bold; font-size:18px; text-align:center; color:#1d366c; }
	.organ_history2 li .organ_history_con {float:right; width:81%;}
	.organ_history2 li .organ_history_con ul li {padding:2px 0 0 8px; border-bottom:0px; font-size:16px; color:#555; font-weight:normal; line-height:21px; letter-spacing:-1px; background:url(../../m_images/contents/bu_dot.png) no-repeat 0 10px; background-size:2px 2px;}

	/* 고객서비스 헌장 */
	.charter_wrap .charter_title {padding-top:5px; color:#333; font-weight:bold; font-size:17px;}
	.charter_wrap dl dt {padding-top:10px; color:#555; font-weight:bold;}
	.charter_wrap dl dd {position:relative; padding:5px 0 0 12px;}
	.charter_wrap dl dd p.charter_num {position:absolute; top:5; left:12px; width:90px; }
	.charter_wrap dl dd p.charter_txt {padding-left:35px; }
	.charter_wrap dl dd .charter_txt2 li {padding:5px 0 0 42px; line-height:18px; background:url(../../m_images/contents/bu_dot.gif) no-repeat 35px 12px; }

	/* 오시는길 지도 공통 */
	.cont_map {width:90%; height:250px; padding:14px;  border:1px solid #c8d1db;}



	/* 윤리강령 */
	.ethics_box h5 {font-size:17px;}
	.ethics_creed li {position:relative; overflow:hidden;}
	.ethics_creed li span.ethics_num {display:block; float:left; width:6%;}
	.ethics_creed li span.ethics_txt {display:block; float:left; width:94%;}
	.ethics_creed li .ethics_creed2 {width:97%; padding:4px 0 4px 2%; overflow:hidden;}
	.ethics_creed li .ethics_creed2 li {width:100%; overflow:hidden;}



/* 사이버 홍보관 */
	/* 대회수상실적 */
	.awarded_list {border-top:2px solid #586272;}
	.awarded_list li {position:relative; min-height:135px; padding:15px 0; border-bottom:1px dotted #c8d1db;}
	.awarded_list li .awarded_img {margin:0 auto; width:125px; height:125px; padding:4px; border:1px solid #c8d1db;}
	.awarded_list li dl {padding:20px 10px 15px 10px;}
	.awarded_list li dt {font-size:16px; color:#333; line-height:20px; font-weight:bold;}
	.awarded_list li dt a {color:#333;}
	.awarded_list li dd {padding-top:10px; line-height:20px; color:#555;}
	.awarded_list li dd p {margin-top:3px;}
	.awarded_list li dd p span {display:inline-block; width:80px; margin-right:5px; font-weight:bold; background:url(../../m_images/contents/page5/bg_awarded_line.gif) no-repeat right 4px;}

	/* 갑문홍보관 > 소개 및 역사 */
	.lock_history_blue {position:relative; min-height:223px;}
	.lock_history_blue h4 {position:relative; width:147px; height:223px; line-height:178px; padding:0 76px 0 22px; text-align:center; font-size:20px; letter-spacing:-1px; color:#1868b3; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page5/bg_history.gif) no-repeat left top;}
	.lock_history_blue ol {border-top:2px solid #1868b3;}
	.lock_history_blue ol li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.lock_history_blue .lock_history_date {float:left; width:60px; font-family:Verdana; font-weight:bold; font-size:16px; text-align:left; color:#1d366c; }
	.lock_history_blue .lock_history_date2 {float:left; width:60px; font-family:Verdana; font-weight:bold; font-size:16px; text-align:left; color:#086764; }
	.lock_history_blue .lock_history_cont {float:right; width:100%; line-height:20px;}
	
	.lock_history_mint {position:relative; min-height:223px;}
	.lock_history_mint h4 {position:relative; width:147px; height:223px; line-height:178px; padding:0 76px 0 22px; text-align:center; font-size:20px; letter-spacing:-1px; color:#098c87; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page5/bg_history2.gif) no-repeat left top;}
	.lock_history_mint ol {border-top:2px solid #098c87;}
	.lock_history_mint ol li {padding:10px 0; border-bottom:1px dashed #c8d1db; overflow:hidden;}
	.lock_history_mint .lock_history_date {float:left; width:60px; font-family:Verdana; font-weight:bold; font-size:16px; text-align:left; color:#086764; }
	.lock_history_mint .lock_history_cont {float:left; width:100%; line-height:20px;}


	.lock_history_blue h4, 
	.lock_history_mint h4{background-position: center top !important; width: 80%; position: relative; left: 50px; padding: 0px; text-indent: -43px;}
	.lock_history_blue .lock_history_cont,
	.lock_history_mint .lock_history_cont{width: auto; text-align: left; float: none; padding-left: 58px;}



	/* ci */
	.ci_info {position:relative; overflow:hidden;}
	.ci_info .ci_img {width:246px; float:left;  margin:0 5px;}
	.ci_info .ci_img2 {overflow:hidden;}
	.ci_info .ci_img2 li {float:left; text-align:center; margin:0 2% 2% 2%;}
	.ci_info .ci_img3 {overflow:hidden;}
	.ci_info .ci_img3 li {width:98%; float:left; border:1px solid #c8d1db; margin-bottom:15px;}
	.ci_info .ci_img3 li .ci_banner_img {margin-top:20px; text-align:center; line-height:30px;}
	.ci_info .ci_img3 li .ci_banner_txt {padding:15px; background:#f7f9fa; border-top:1px dotted #c8d1db; word-wrap:break-word; word-break:break-all;}
	.ci_info .ci_img3 li.ci_img3_last {width:98%; float:left; border:1px solid #c8d1db;}
	.ci_info .ci_txt {position:relative; width:100%; float:left; margin-bottom:15px;}
	.ci_info .btn_ci_down {position:relative; margin:10px;}


	/* IPA 동반성장 소개 */
	.develop_site {overflow:hidden; border-top:1px solid #c8d1db; border-right:1px solid #c8d1db; background:#c8d1db;}
	.develop_site li {width:33%; height:80px; float:left; margin:0 0 0 1px; border-bottom:1px solid #c8d1db; }

	/* 갑문홍보관 > 홍보관소개 */
	.lock_info_top {width:100%; margin:0 auto 0 auto; padding:5px 0; border:1px dashed #c8d1db;}
	.lock_info_top .lock_info_top2 {padding:10px; text-align:center; color:#1d366c; font-size:16px; font-family:"맑은 고딕",Malgun Gothic; background:#fff; overflow:hidden;}
	.lock_info_list {width:100%; margin:0 auto; overflow:hidden;}
	.lock_info_list li {width:96%; height:auto; margin:2%; float:left; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w100 {width:96%; height:auto; margin:2%; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w33 {width:96%; height:auto; margin:2%; border:1px solid #c8d1db;  text-align:center;}
	.lock_info_list li.lock_info_w33 p.lock_list_txt {position:relative; text-align:center; line-height:24px; padding:5px; color:#555; border-top:1px solid #c8d1db; letter-spacing:-1px;}
	.lock_info_list li.lock_info_w33 p.lock_list_txtwide {position:relative; background:#fff; height:55px; text-align:center; line-height:24px; padding:5px; color:#555; border-top:1px solid #c8d1db; letter-spacing:-1px;}
	.lock_info_list li p {overflow:hidden;}
	.lock_info_list li p.lock_list_img {padding:5px;}
	.lock_info_list li p.lock_list_txt {position:relative; height:auto; line-height:30px; padding:5px 5px 5px 30px; color:#555; border-top:1px solid #c8d1db;}
	.lock_info_list li p.lock_list_txt2 {position:relative; height:auto; line-height:30px; padding:5px; text-align:center; color:#555; border-top:1px solid #c8d1db;}
	.lock_info_list li p.lock_list_txt span {position:absolute; top:5px; left:5px; width:30px; height:30px; font-weight:bold; display:block; letter-spacing:-1px; line-height:30px; font-family:Verdana; font-size:15px; text-align:center; color:#fff; background:#134e87;}
	.lock_info_near {width:94%; margin:5px auto 55px auto; overflow:hidden; border:1px solid #c8d1db; padding:3%;}
	.lock_info_near p.lock_list_txt {position:relative; margin-bottom:10px; padding:5px 5px 5px 15px; color:#1d366c; line-height:9px; font-weight:bold; text-align:left; background:url(../../m_images/contents/bu_circle.png) no-repeat 0 3px;  background-size:12px 12px;}

	/* 임시출입신청 */
	.access_appl_wrap {padding:10px; border:5px solid #e3e8ed;}
	.access_appl_wrap .access_appl {min-height:144px; padding:180px 10px 20px 10px; border:1px solid #c8d1db; background:url(../../m_images/contents/page3/bg_access.gif) no-repeat center 15px;}



/* 로그인 */
.member_box {padding-top:20px;}
.member_box h4 {font-size:30px; font-family:"맑은 고딕",Malgun Gothic; color:#3f4456;  font-weight:bold;  text-align:center;}
.member_box h4 span {font-size:14px; color:#757e9b;}

	.form_area {padding:20px 0; }
	.form_area .login_box {position:relative; width:100%; min-height:109px; padding-top:75px; background:url(../../m_images/etc/bg_login.gif) no-repeat center top;  background-size:65px 52px;}
	.form_area .login_box ul {height:75px;}
	.form_area .login_box ul li label {width:20%; display:inline-block; vertical-align:middle; font-size:14px; font-weight:bold;}
	.form_area .login_box ul li input.ip_type {width:50%; height:33px; line-height:33px; margin:0; padding:0 5px; vertical-align:middle; border:1px solid #e5e5e5;}
	.form_area .login_box p.idpwd_save {margin-top:8px; padding-left:19%; font-size:13px;}
	.form_area .login_box p.btn_login {position:absolute; top:75px; left:76%;}

	.form_area .find_box {overflow:hidden; width:410px; padding:20px 0 15px 140px; }
	.form_area .find_box p label{float:left; vertical-align:middle;}
	.form_area .find_box p{float:left; width:270px; margin:0; padding:0;}
	.form_area .find_box p span{display:block; margin-top:5px; }
	.form_area .find_box p.btn_submit{float:right; width:130px; margin:0; padding:0;}
	.form_area .find_box textarea{width:300px; height:40px; border:1px solid #e5e5e5;}



/* 비상연락망 추가 */
	.form_area .login_box ul li .sms_btn {display:inline-block; text-align:center; color:#fff; line-height:1.2em; padding:6px 5px 8px 5px; vertical-align:middle; font-size:0.9em; background:#6189b0; border:0;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	.form_area .login_box ul li .confirm_btn {width:50%;  display:inline-block; text-align:center; color:#fff; line-height:1.2em; padding:8px 0 10px 0; vertical-align:middle; font-size:1em; background:#586272; border:0;}

	.form_area.form_add_01 ul li label{ width:29%;}
	.form_area.form_add_01 .login_box ul li input.ip_type {width:40%; }


/* 조직도 */
	.organization {position:relative; background:url(../../m_images/contents/page7/bg_organization.png) repeat-y center top #fff; background-size:1px 1px;} 
	.organization h4 {width:100%; height:60px; font-size:26px; line-height:60px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:url(../../m_images/contents/page7/bg_orga.gif) repeat-x left top;}
	.organization_box {margin-top:15px; padding:10px; border:1px solid #c8d1db; overflow:hidden; background:#fff;}
	.organization_box ol li ul {position:relative; overflow:hidden; width:100%;}
	.organization_box ol li a {display:block; }
	.organization_box ol li ul.orga_depa_wrap li {width:100%; margin:15px 0;}
	.organization_box ol li ul.orga_depa_wrap li a.orga_depa {width:99.4%; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#00a59f;}
	.organization_box ol li ul.orga_depa_wrap li a {padding-right:2px; }
	.organization_box ol li ul.orga_depa_wrap li.orga_agency {position:relative; width:100%; margin-right:0;}
	.organization_box ol li ul.orga_depa_wrap li.orga_agency a.orga_depa {width:100%; height:50px; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#007f78;}
	.organization_box ol li ul.orga_depa_wrap li ul {width:99.4%;  border:1px solid #c8d1db; background:#fff;}
	.organization_box ol li ul.orga_depa_wrap li ul li {width:100%; margin:9px auto; float:none; text-align:center; line-height:18px;}
	.organization_box ol li ul.orga_depa_wrap li ul li ul {width:90%; height:auto; margin:10px auto; border:1px solid #c8d1db; background:#f7f9fa;}
	.organization_box ol li ul.orga_depa_wrap li ul li ul li {width:100%; margin:4px 0;}

	.organization ol li ul.orga_etc_wrap {position:relative; width:100%; padding:0; margin:5px 0; overflow:hidden;}
	.organization ol li ul.orga_etc_wrap li {width:100%; float:left;}
	.organization ol li ul.orga_etc_wrap li .orga_etc {width:100%; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}
	.organization ol li ul.orga_etc_wrap2 {position:relative; width:100%; padding-right:2px; margin:10px 0; overflow:hidden; background:#fff; }
	.organization ol li ul.orga_etc_wrap2 li .orga_etc {width:100%; font-size:16px; line-height:50px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}
	.organization ol li ul.orga_etc_wrap2 .orga_etc2 {width:100%; float:left; border:1px solid #c8d1db;}
	
	.organization ol li ul.orga_etc_wrap2 li ul {margin-top:20px; width:98%; z-index:2; margin:10px auto;}
	.organization ol li ul.orga_etc_wrap2 li ul li {width:93%; margin:10px auto; border:1px solid #c8d1db; background:#f7f9fa;}
	.organization ol li ul.orga_etc_wrap2 li ul li a {font-size:16px; line-height:16px; text-align:center; font-family:"맑은 고딕",Malgun Gothic;}
	.organization ol li ul.orga_etc_wrap2 li .orga_etc ul {height:80px; }
	.organization ol li ul.orga_etc_wrap2 li .orga_etc ul li{width:100%; font-size:16px; line-height:16px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#1868b3;}

	.organization ol li .orga_ceo {width:100%; height:60px; margin:5px 0; line-height:60px; font-size:20px; text-align:center; color:#fff; font-family:"맑은 고딕",Malgun Gothic; background:#134e87;}

	.organization .orga_labor {width:100%; height:60px; margin:5px 0; line-height:60px; font-size:20px; font-family:"맑은 고딕",Malgun Gothic; text-align:center; background:#f25953;}
	.organization .orga_labor a {display:block; color:#fff;}
	
	.organization .response_width img { width: 800px;}
	@media all and (min-width:320px) and (max-width:767px) {
		.organization .response_width img{width: 100%;}
	}
	/* 조직도 상세 */
	.organization2 {position:relative; }
	.organization2 .btn_organization {position:absolute; top:0; right:0;}


/* 기관 연혁, 인천항 연혁 소탭메뉴(모바일) */
.years_wrap{ position: relative;}
.year_bg_01{padding:10px; background:url(/images/contents/bg_pattern_g.gif) repeat; margin-bottom: 20px;}
.year_bg_01 .box{height:130px; padding:6px 0 0 10px; box-sizing: border-box; background:#ffffff; text-align: center;}
.year_bg_01 .box h4{font-size:20px; line-height:26px; font-family:'맑은 고딕','Malgun Gothic'; letter-spacing:-0.05em; color:#1d366c;}
.year_tab_01 li{ }
.year_tab_01 li > a{ border:1px solid #c8d1db; width: 21%; display: inline-block; text-align: center; height: 35px; box-sizing: border-box; padding:5px 0 0 0; background: #f4f6f8;}
.year_tab_01 li > a:hover,
.year_tab_01 li > a:focus,
.year_tab_01 li > a:active {color:#666; text-decoration:none; }
.year_tab_01 li.on > a{ color: #ffffff; background: #0063a8; border:1px solid #0063a8;}
.year_tab_01 .tab_01{ position: absolute; left:50%; top:52px; margin-left: -44%;}
.year_tab_01 .tab_02{ position: absolute; left:50%; top:52px; margin-left: -22%;}
.year_tab_01 .tab_03{ position: absolute; left:50%; top:52px; margin-left: -0%;}
.year_tab_01 .tab_04{ position: absolute; left:100%; top:52px; margin-left: -28%;}
.year_tab_01 .tab_05{ position: absolute; left:50%; top:90px; margin-left: -44%;}

.year_tab_01 .tab_con{ display: none;}

/* 홍보관 소개 소탭메뉴(모바일) */
.years_wrap.exhibit_01{}
.years_wrap.exhibit_01 .year_bg_01 .box{ height: 170px;}
.years_wrap.exhibit_01 .year_tab_01 .tab_01{width: 43%; margin-left: -44%;}
.years_wrap.exhibit_01 .year_tab_01 .tab_02{width: 43%; margin-left: -0%;}
.years_wrap.exhibit_01 .year_tab_01 .tab_03{width: 43%; margin-left: -44%; top:90px;}
.years_wrap.exhibit_01 .year_tab_01 .tab_04{width: 43%; margin-left: -50%; top:90px;}
.years_wrap.exhibit_01 .year_tab_01 .tab_05{width: 43%; margin-left: -44%; top:128px;}
.years_wrap.exhibit_01 .year_tab_01 .tab_06{}

/* 대외 수상실적 소탭메뉴 */
.award_01{border-top:2px solid #586272;}
.award_01 > li{ padding: 10px 10px 10px 10px; border-bottom:1px dotted #c8d1db;}
.award_01 li dl{ display: table; width: 100%; table-layout: fixed;}
.award_01 li dl dt{ display: table-cell; width: 125px; padding:4px; border:1px solid #c8d1db;}
.award_01 li dl dt img{ width: 125px !important; height: 125px !important;}
.award_01 li dl dd{ display: table-cell; padding: 5px 0px 5px 15px; vertical-align: middle; font-size: 14px;}
.award_01 li dl dd span{ font-size: 16px; font-weight: bold; color:#333; line-height: 1.5; display: block; margin: 0 0 10px 0; font-weight: bold;}
.award_01 li dl dd ul li{ margin: 5px 0; line-height: 1.4;}
.award_01 li dl dd ul li strong{background:url(/images/contents/page5/bg_awarded_line.gif) no-repeat 66px center; display: inline-block; width: 73px; }
.award_01 li dl dd ul li:nth-child(2) strong{letter-spacing: 0.13em;}


.response_img img { width: 100%; }
.pc_con { display: block; }
.mobile_con { display: none; }
@media all and (min-width:320px) and (max-width:767px) {
	.response_img img { width: 100%; }
	.pc_con { display: none; }
	.mobile_con { display: block; }
}

/* 모바일 기관 연혁, 인천항 연혁 첫탭 */
.cont_tab.year_01 + .years_wrap .year_bg_01 .box{height: 97px;}
.cont_tab.year_01 +	.years_wrap .year_tab_01 .tab_01{/* min-width: 113px; */}
/* 모바일 기관 연혁, 인천항 연혁 나머지탭 */
.cont_tab.year_02 + .years_wrap .year_bg_01 .box{}
.cont_tab.year_02 +	.years_wrap .year_tab_01 .tab_01{}
/* 모바일 기관 연혁, 인천항 연혁 마지막탭 */
.cont_tab.year_03 + .years_wrap .year_bg_01 .box{/* height: 97px; */}
.cont_tab.year_03 +	.years_wrap .year_tab_01 .tab_05{min-width: 113px;}

/* 모바일 수상탭 */
.cont_tab.award_001 + .years_wrap .year_bg_01 .box{ /* height: 97px; */}
.cont_tab.award_002 + .years_wrap .year_bg_01 .box{}


.first_con_01{ display: table;  table-layout: fixed;}
.first_con_01 dt{display: table-cell; display:block; vertical-align: top; font-size: 14px;}
.first_con_01 dt .h_gab{ display: inline;}
.first_con_01 dd{ display: table-cell; display:block; width:420px; text-align: right; vertical-align: top;}
.first_con_01 .ipa_info_text{ width: auto;}
.first_con_01 .block_01{ display:inline;}
.first_con_01 .block_02{ display:block;}
@media all and (min-width:320px) and (max-width:767px) {
	.first_con_01{ display: block;width: 100%;}
	.first_con_01 dt{ display: block; width: 100%; text-align: left; font-size: 16px;}
	.first_con_01 dd{ display: block; width: 100%; text-align: left; font-size: 16px;}
	.first_con_01 dt{ padding-bottom: 20px;}
	.first_con_01 dt .h_gab{ display: block;}
	.first_con_01 .block_01, .first_con_01 .block_02{ display:inline;}
}


.table_out_wrap{}
.mobile_head{display: none;}
@media all and (min-width:320px) and (max-width:767px) {
	.table_out_wrap{overflow: auto;}
	.table_out_wrap table{width: 920px; font-size: 16px;}
	.mobile_head{display: table-header-group;}
}


.cont_alio_wrap a.cont_link { background-position: right 1px; padding-left: 0px; padding-right: 12px; text-decoration: none; color: #666666; }
.cont_alio_wrap a.cont_link:hover { text-decoration: underline; }
.cont_alio_wrap .pc_list { display: block; }
.cont_alio_wrap .mobile_list { display: none; }
@media all and (min-width:320px) and (max-width:820px) {
	.cont_alio_wrap { border:none; background: none; width:100%; }
	.cont_alio_wrap .cont_alio { padding:8px; background:url("/m_images/contents/bg_pattern_g.png") repeat; background-size: 5px 5px; margin-bottom: 10px; width:100% !important; float:none !important; border:none !important; box-sizing:border-box; }
	.cont_alio_wrap .cont_alio_list { padding:5px 15px 15px 15px; background: #ffffff; }
	.cont_alio_wrap .title_min { font-size: 20px; background: #ffffff !important; color:#134e87 !important; line-height: 1.5; padding:10px 0 0 10px; }
	.cont_alio_wrap .pc_list { display: none; }
	.cont_alio_wrap .mobile_list { display: block; }
	.cont_alio_wrap .cont_alio.con_two{}
	.cont_alio_wrap .cont_alio.con_two .cont_alio_list{padding: 3px 15px;}
	.cont_alio_wrap .cont_alio.con_two .cont_alio_list:last-child{ padding-bottom:20px;}
	/* 2023.11.10 추가 */
	.cont_alio_wrap.add_01 .cont_alio .cont_alio_list .s_title{color: #383838; background: #f5f5f5; font-size: 17px; border: 1px solid #d5d5d5;
	vertical-align: top;line-height: 1.2; text-align: center; box-sizing: border-box; font-weight: bold; padding: 4px 4px; min-width: 150px;
	border-radius: 4px; font-family: Malgun Gothic; margin-top: 20px;}

}


.business_01 .pc_img{display: block;}
.business_01 .pc_img img{width: 100%;}
.business_01 .mobile_img{display: none;}
.business_01 .list_st2 > li{padding:5px 0 0 0px; font-size:12px; line-height:1.5; background:none; }
.business_01 .list_st3 { color:#666; overflow:hidden;}
.business_01 .list_st3 li {padding:3px 0 0 30px; font-size:12px; color:#555; font-weight:normal; line-height:1.5; background-position: 19px 11px; }
.business_01 .list_st4 {color:#666; overflow:hidden;}

@media all and (min-width:320px) and (max-width:767px) {
	.business_01 .pc_img{display: none;}
	.business_01 .mobile_img{display: block;}
	.business_01 .mobile_img img{width: 100%;}
	.business_01 .list_st2 > li{ padding:5px 0 0 30px; font-size:16px; text-indent: -20px; }
	.business_01 .list_st3 li{ font-size:16px;background-position: 1px 12px; padding: 3px 0 0 12px; text-indent: 0px; }
}

@media all and (min-width:320px) and (max-width:767px) {
	.response_btn a img {width: 220px;}
	.cont_map {width: 92% !important; height: 250px !important;}
	.cont_map .buttons {display: none;}
	.cont_map .buttons+div {left: -200px !important; top: -70px !important; padding-left: 200px !important; padding-top: 70px !important;}
}

.ship_inout { }
.ship_inout li { }
.ship_inout li dl { display: table; width: 100%; }
.ship_inout li dl dt { width: 460px; display: table-cell; }
.ship_inout li dl dd { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: bold; color: #1868b3; }
.ship_inout li dl dd em { color: #ffffff; width: 24px; height: 24px; text-align: center; border-radius: 2px; background-color: #1868b3; display: inline-block; font-weight: bold; box-sizing: border-box; padding-top: 2px; }
.ship_inout li.arrow_down { padding: 14px 0; width: 450px; text-align: center; }
@media all and (min-width:320px) and (max-width:610px) {
	.ship_inout li dl { display: block; }
	.ship_inout li dl dt { width: 100%; display: block; text-align: center; }
	.ship_inout li dl dt img { width: 100%; }
	.ship_inout li dl dd { width: 100%; display: block; text-align: center; }
	.ship_inout li.arrow_down { padding: 14px 0; width: 100%; text-align: center; }
}

.pc_img_01 { display: block; }
.mobile_img_01 { display: none; }
@media all and (min-width:320px) and (max-width:725px) {
	.pc_img_01 { display: none; }
	.mobile_img_01 { display: block; }
	.mobile_img_01 img { width: 100%; }
}

.mobile_table_01{ display: block;}

.incentive_01 .cont_title0 {font-size:22px; color:#134e87; line-height:1.5; font-family:'맑은 고딕','Malgun Gothic',Gulim,'굴림',Sans-serif; text-align: center; padding: 10px 0; margin-bottom:20px; border: 3px solid #8aabc1; border-left:none; border-right:none; }
.incentive_01 .caution_01{border: 1px solid #b2c2e3;}
.incentive_01 .caution_01 h5 {font-size:14px; line-height:1.5; font-weight:bold; text-align: center; color: #ca3838; padding: 10px; }
.incentive_01 .s_dot{border:1px dotted #666666; padding:10px; text-align: center; font-weight: bold; font-size: 13px;}
.incentive_01 .block_01{ display: block;}
.incentive_01 .table_out_wrap{}
.incentive_01 .table_out_wrap .list_st4{ margin: 0 0 0 5px;}


@media all and (min-width:320px) and (max-width:700px) {
	.incentive_01 .caution_01 h5{font-size:16px;}
	.incentive_01 .s_dot{ font-size: 16px;}
	.incentive_01 .block_01{ display: inline;}
	.incentive_01 .table_out_wrap{overflow: auto;}
	.incentive_01 .table_out_wrap table{width: 920px; font-size: 13px;}
	.incentive_01 .table_out_wrap table td{ font-size: 16px;}
}


.cont_new2_ballpark { width: 100%; padding-top: 230px; background: url(/images/contents/bg_ipa_ballpark.png) no-repeat center top; }
.cont_new2_ballpark .mobile_contents { display: none; }
.cont_new2_ballpark .response_txt_01 { font-size: 12px; margin-top: 20px; }
.cont_new2_ballpark .response_txt_02 { border: 1px solid #1d366c; color: #666; font-size: 12px; margin-top: 10px; padding: 15px; line-height: 1.5; }
@media all and (min-width:320px) and (max-width:767px) {
	.cont_new2_ballpark .mobile_contents { display: block; text-align: center; }
	.cont_new2_ballpark .cont_new_ballpark { background: none; padding: 0; }
	.cont_new2_ballpark .response_txt_01 { font-size: 16px; margin-top: 20px; }
	.cont_new2_ballpark .response_txt_02 { font-size: 16px; }
}
@media all and (min-width:320px) and (max-width:400px) {
	.cont_new2_ballpark .mobile_contents a { padding-top: 12px; }
	.cont_new2_ballpark .mobile_contents a img { width: 100%; }
}

.custom_01 .mobile_title{display: none;}
.custom_01 .file_down{overflow: hidden;}
.custom_01 .file_down li{width: 208px; height: 117px; padding: 15px 15px 15px 160px; border: 1px solid #c8d1db; float: left; background:url(/images/contents/page3/bg_charter_down.gif) no-repeat 15px 15px;}
.custom_01 .file_down li p{padding: 15px 0 5px 0; font-size: 13px; color: #333; font-weight: bold; line-height: 22px;}
@media all and (min-width:320px) and (max-width:810px) {

	.custom_01 .response_down{display: block;}
	.custom_01 .response_down li{display: block; float: none; }
	.custom_01 .response_down li.ml30{margin-left: 0px;}
	.custom_01 .response_title{}
	.custom_01 .response_title span{display: none;}
	.custom_01 .mobile_title{background: none !important; padding-left: 0px !important; width: 100% !important; height: auto !important; border: none !important; margin-top: 20px;}
	.custom_01 .file_down li{margin-bottom: 5px; background-size: 83px; background-position: 15px; height: 82px; padding-left: 113px; padding-top: 6px; width: 170px;}
	.custom_01 .file_down li p{padding: 5px 0 5px 0; line-height: 1.3; width: 170px;}
	.custom_01 a.btn_down_g{font-size: 14px !important;}
}

@media all and (min-width:320px) and (max-width:400px) {
	.custom_01 .file_down li{width: 100%; box-sizing: border-box;height: 100px;}
}

.greeting2 .fs20 span { display: block; }
.greeting2 { background: none; height: 180px; text-align: center; }
.greeting2 .fs36_e { display: inline; padding-right: 17px; }
@media all and (min-width:320px) and (max-width:700px) {
.greeting2 { background-position: right 27px; height: 263px; }
.greeting2 .fs36_e { font-size: 32px; letter-spacing: -0.04em; line-height: 1.2; display: block; }
.greeting2 .fs36_e span { display: block; }
}
@media all and (min-width:320px) and (max-width:500px) {
.greeting2 .fs20 span { display: block; }
}
@media all and (min-width:320px) and (max-width:360px) {
.greeting2 .fs36_e { font-size: 28px; }
.greeting2 .fs20 { margin-top: 40px; }
}

.vimeo_out_01 { margin: 0px auto; border: 1px solid rgb(0, 0, 0); width: 710px; }
.vimeo_out_01 .vimeo_in { border: 0px currentColor; width: 710px; height: 400px; }
@media all and (min-width:320px) and (max-width:767px) {
.vimeo_out_01 { margin: 0px auto; width: 306px; height: 178px; }
.vimeo_out_01 .vimeo_in { border: 0px currentColor; width: 306px; height: 178px; }
}

.ceo_message_01{background: none; font-size: 15px; line-height: 1.8; word-break: keep-all; font-family: "맑은 고딕", Malgun Gothic;}
.ceo_message_01 .fs20.pc_navy {text-align:left;}
.ceo_message_01 .pc_line{display: block}
.ceo_message_01 .ceo_sign{margin-top:30px; font-weight:bold; text-align:right; font-size:17px; letter-spacing:-1px; color:#666; }
.ceo_message_01 .ceo_sign img{ width: 78px; vertical-align: middle;}

@media all and (min-width:320px) and (max-width:767px) {
	.ceo_message_01{background: none;}
	.ceo_message_01 .pc_line{display: inline}
	
}


.lock_add { padding: 0px; min-height: 217px; background:url(/images/contents/page5/social_value_environment_img02.jpg)no-repeat right top; background: none; border-bottom: 2px solid #1868b3; }
.lock_add ol li { display: table; width: 450px; width: 100%; }
.lock_add ol li .lock_history_date { float: none; display: table-cell; width: 60px; text-align: center; }
.lock_add ol li .lock_history_cont { float: none; display: table-cell; width: 440px; text-align: left; }
.lock_add ol li:last-child { border-bottom: none; }
@media all and (min-width:320px) and (max-width:767px) {

.lock_add { background: none; min-height: auto; }
.lock_add ol li { display: table; width: 100%; }
.lock_add ol li .lock_history_date { width: 60px; }
.lock_add ol li .lock_history_cont { width: auto; }
}

.safeall ul {overflow: hidden;}
.safeall ul li:first-child {float: left; width: 390px;}
.safeall ul li:last-child {float: right; width: 390px;}
.safeall ul li img {width: 100%;}
@media all and (min-width:320px) and (max-width:767px) {
	.safeall ul li {float: none !important; width: 100% !important;}
}


.cont_new_job .btn_link_g.pc_link { display:inline-block; }
.cont_new_job .btn_link_g.mobile_link { display:none; }
.cont_new_job2 .btn_link_g.pc_link { display:inline-block; }
.cont_new_job2 .btn_link_g.mobile_link { display:none; }
.cont_new_job3 .btn_link_g.pc_link { display:inline-block; }
.cont_new_job3 .btn_link_g.mobile_link { display:none; }
@media all and (min-width:320px) and (max-width:767px) {
	.cont_new_job .btn_link_g.pc_link {display:none;}
	.cont_new_job .btn_link_g.mobile_link {display:inline-block;}
	.cont_new_job2 .btn_link_g.pc_link {display:none;}
	.cont_new_job2 .btn_link_g.mobile_link {display:inline-block;}
	.cont_new_job3 .btn_link_g.pc_link {display:none;}
	.cont_new_job3 .btn_link_g.mobile_link {display:inline-block;}
}