@charset "utf-8";

/*기본폼*/
.radio_01{}
.select_001 {height:34px; padding:7px 8px 7px 8px; border:1px solid #b6b6b6; vertical-align:middle; font-size:14px; box-sizing:border-box;}
a.link_01 {color:#3c6bb3; text-decoration:underline; padding-right:18px; background:url(../images/contents/icon_link.png) no-repeat right center;}
a.link_02 {color:#3c6bb3; text-decoration:underline; padding-left:18px; background:url(../images/contents/icon_link.png) no-repeat left center;}
.input_01 {height:34px; padding:7px 8px; border:1px solid #b6b6b6; vertical-align:middle; font-size:14px; box-sizing:border-box; color:#504f4f;}

a.btn_01 {padding: 6px 10px 5px 10px; color:#fff; display:inline-block; background:#2e74c4; height:34px;vertical-align: middle;  border-radius: 4px; border:1px solid #155194; min-width: 90px; text-align: center;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn_01:hover,
a.btn_01:active,
a.btn_01:focus{text-decoration:none; background:rgba(21, 81, 148, 1);}


a.btn_02 {padding: 6px 10px 5px 10px; color:#fff; display:inline-block; background:#6c6c6c; height:34px;vertical-align: middle;  border-radius: 4px; border:1px solid #505050; min-width: 90px; text-align: center;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn_02:hover,
a.btn_02:active,
a.btn_02:focus{text-decoration:none; background:#505050;}



a.btn_01_A {padding: 7px 20px 10px 20px; color:#fff; display:inline-block; background:#2e74c4; vertical-align: middle; border-radius: 4px; border:1px solid #155194; text-align: center;
font-size:17px; font-weight:bold; line-height:1.3;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
a.btn_01_A:hover,
a.btn_01_A:active,
a.btn_01_A:focus{text-decoration:none; background:rgba(21, 81, 148, 1);}

.pc_txt{display: block;}
.m_txt{display: none;}


/*컨텐츠 탭메뉴*/
.tab_01{margin-bottom:20px;}
.tab_01 ul{ overflow:hidden;}
.tab_01 li{display:table; table-layout:fixed; float:left; background:#ffffff; border:1px solid #dddddd;  margin:0px 0 0px -1px;  position:relative; z-index:1;}
.tab_01 li:nth-child(1){ margin-left: 0;}
.tab_01 li{ height:46px;}
.tab_01 li:nth-child(-n+5){}
.tab_01 li:nth-child(5n+1){}
.tab_01 li:first-child{}
.tab_01 li:hover,
.tab_01 li:active{border:1px solid #009ea1; background:#009ea1; z-index:2;}

.tab_01 li:focus{border:1px solid #dddddd; z-index:2;}
.tab_01 li a:hover,
.tab_01 li a:active{text-decoration:none; background:#009ea1; color:#ffffff; }
.tab_01 li a:focus{text-decoration:none;}
.tab_01 li a{font-size:15px; line-height:1.2; color:#504f4f; font-weight:bold; padding:3px 8px 5px 8px; display:table-cell; text-align:center; vertical-align:middle;  width:139px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
word-wrap: break-word; word-break: normal;}
.tab_01 li:nth-child(5n+1) a{}
.tab_01 li:nth-child(1) a{ width:138px;}
.tab_01 li.on{border:1px solid #009ea1; z-index:2;}
.tab_01 li.on a{text-decoration:none; background:#009ea1; color:#ffffff;}
.tab_01 .tab_bar{border-top:2px solid #009ea1; position:relative; top:-1px; z-index:3;}

/* 국제선사안내 */
.tab_01.oversea_01 li:first-child{margin-left:0px;}
.tab_01.oversea_01 li a{width:83px;}
.tab_01.oversea_01 li:nth-child(1) a{width:82px;}

/* 국내선사안내 */
.tab_01.domestic_01 li:first-child{margin-left:0px;}
/* 
.tab_01.domestic_01 li a{width:63px; padding: 3px 0px 5px 0px;}
.tab_01.domestic_01 li:nth-child(1) a{width:61px;}
.tab_01.domestic_01 li:nth-last-child(7) a{width:76px;}
.tab_01.domestic_01 li:nth-last-child(6) a{width:76px;}
.tab_01.domestic_01 li:nth-last-child(5) a{width:106px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-last-child(1) a{width:131px; letter-spacing: -0.15em;}
 */


/* 연안 여객운임 요금 */
.tab_01.domestic_01 li:nth-child(1) a{width:168px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-child(2) a{width:146px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-child(3) a{width:98px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-child(4) a{width:174px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-child(5) a{width:145px; letter-spacing: -0.15em;}
.tab_01.domestic_01 li:nth-child(6) a{width:98px; letter-spacing: -0.15em;}



/* 교통약자서비스 */
.tab_01.ling_01 li a{width:220px;}
.tab_01.ling_01 li:first-child a{ width:220px;}


/*모바일용 탭메뉴 select박스로 대체*/
.select_01{ display:none;}


/*컨텐츠 타이틀*/
.con_title_01{ font-size:19px; background:url(../images/common/con_title_bullet_01.gif) no-repeat 0px 8px; padding: 0 0 0 20px; margin:20px 0 4px 0; display:block;}
.con_title_02{}


.con_title_wrap_01{ position:relative;}
.con_title_wrap_01 .con_title_01{ /*color:#008b5d;*/}
.con_title_wrap_01 .today_01{/*color:#008b5d;*/ font-size:15px; position:absolute; top:4px; right:0px; }


.con_title_wrap_02{ position:relative;}
.con_title_wrap_02 .con_title_01{ /*color:#008b5d;*/}
.con_title_wrap_02 .unit_01{/*color:#008b5d;*/ font-size:15px; position:absolute; top:4px; right:0px; }
.con_title_wrap_02 .unit_02{/*color:#008b5d;*/ font-size:15px; position:absolute; top:4px; right:0px; }


/*테이블 디자인 01*/
table.table_view_01 {width:100%; table-layout:fixed; border-top:2px solid #3076c5;}
table.table_view_01 caption span{position:absolute; top:-9999px; text-indent:-9999px; overflow:hidden; height:0px; width:0px; }
table.table_view_01 th{padding:6px 3px 6px 3px; color:#504f4f; font-size:14px; line-height:1.2; height:40px; text-align:center; background:#fafafb; font-weight:bold; border:1px solid #c1c5cd; border-top:none; word-break: break-word;}
table.table_view_01 td{padding:6px 3px 6px 6px; border:1px solid #c1c5cd; font-size:14px; line-height:1.3; text-align:left; border-top:none; color:#504f4f; font-weight:normal; height:40px; word-break: break-word;}


table.table_view_01 th:last-child{border-right:none;}
table.table_view_01 td:last-child{border-right:none;}

table.table_view_01 th:first-child{border-left:none;}
table.table_view_01 td:first-child{border-left:none;}

table.table_view_01 tbody.left_01 td{}
table.table_view_01 tbody.center_01 td{text-align:center; padding:6px 3px 6px 3px;}
table.table_view_01 tbody.right_01 td{text-align:right; padding:6px 4px 6px 3px;}

table.table_view_01 tbody.bold_01 td{ font-weight:bold;}

table.table_view_01 tbody tr.bold_01 td{ font-weight:bold;}

table.table_view_01 tbody td.left_01{text-align:left; padding:6px 3px 6px 6px;}
table.table_view_01 tbody td.center_01{text-align:center; padding:6px 3px 6px 3px;}
table.table_view_01 tbody td.right_01{text-align:right; padding:6px 4px 6px 3px;}

table.table_view_01 tbody tr.bold_01 td{ font-weight:bold;}
table.table_view_01 tbody td.bold_01{ font-weight:bold;}

table.table_view_01 tbody th.left_01{text-align:left; padding:6px 3px 6px 10px;}
table.table_view_01 tbody th.left_02{text-align:left; padding:6px 3px 6px 20px;}
table.table_view_01 tbody th.right_02{text-align:right; padding:6px 20px 6px 3px;}

table.table_view_01 tbody td.left_02{text-align:left; padding:6px 7px 6px 20px;}
table.table_view_01 tbody td.right_02{text-align:right; padding:6px 20px 6px 3px;}

table.table_view_01 tbody td.bg_color_01{ background-color:#f9f0be;}


table.table_view_01 tbody td.double_01{border-top: 3px double #c1c5cd;}

table.table_view_01 .mobile_head{display:none;}

table.table_view_01 tbody td a{display:inline-block;}


/*003_01.html*/
table.table_view_01.add_01 th{height:20px;}
table.table_view_01.add_01 td{height:20px;}
table.table_view_01.add_01 tbody tr:nth-child(2n) td{ border-bottom:1px solid #c1c5cd;}
table.table_view_01.add_01 tbody tr:nth-child(2n-1) td{ border-bottom:1px solid #c1c5cd;}
table.table_view_01.add_01 tbody tr:nth-child(2n-1) td:nth-child(2){ border:1px solid #c1c5cd;}
table.table_view_01.add_01 tbody tr:nth-child(2n-1) td:nth-child(3){ border:1px solid #c1c5cd;}


/*055.html*/
table.table_view_01.add_02 th{height:20px;}
table.table_view_01.add_02 td{height:20px;}

table.table_view_01.add_02 td strong{ line-height:1.1;}

table.table_view_01.add_02 td a.b_link_01{ border:1px solid #d0d0d0; display:inline-block;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
table.table_view_01.add_02 td a.b_link_01:hover,
table.table_view_01.add_02 td a.b_link_01:active,
table.table_view_01.add_02 td a.b_link_01:focus{border:1px solid #6d6d6d;}
table.table_view_01.add_02 td a.b_link_01 img{ width:126px;}



/*065.html*/
table.table_view_01.add_03 th{}
table.table_view_01.add_03 td{ font-size:13px;}
table.table_view_01.add_03 tbody td{ text-align:right;padding-right:3px;}
table.table_view_01.add_03 tbody td.center_01{text-align:center; padding:6px 3px 6px 3px;}
table.table_view_01.add_03 tbody td.left_01{text-align:left; padding:6px 3px 6px 10px;}
table.table_view_01.add_03 tbody tr.bg_color_01 td{ background-color:#f1faff;}



.main_contents dt .main_popup_01 .popup_control a{float:left; border:1px solid #d0d0d0; margin:0 0 0 -1px; position:relative; z-index:1;}
.main_contents dt .main_popup_01 .popup_control a:hover,
.main_contents dt .main_popup_01 .popup_control a:active,
.main_contents dt .main_popup_01 .popup_control a:focus{border:1px solid #6d6d6d; z-index:2;

transition:all .1s ease 0s; -webkit-transition:all .1s ease 0s;
}



table.table_view_01.height_20 th{height:20px;}
table.table_view_01.height_20 td{height:20px;}

table.table_view_01.height_30 th{height:30px;}
table.table_view_01.height_30 td{height:30px;}

table.table_view_01.padding_10 tbody th{}
table.table_view_01.padding_10 tbody td{padding:10px 3px 10px 3px;}

table.table_view_01.padding_15 tbody th{}
table.table_view_01.padding_15 tbody td{padding:15px 3px 15px 3px;}

.pc_block{ display:block;}

.txt_0{color:#316db5; font-size:25px; line-height:2; margin:14px 0 10px 0px; font-weight:bold; text-align:center;}
.txt_0 em{ color:#009ea1;}
.txt_00{color:#333333; font-size:16px; line-height:1.8; margin:4px 0 10px 0px; }

.txt_01{color:#2147c2; text-indent:-16px; padding:0 0 0 17px; line-height:1.4; margin:4px 0 10px 0; font-weight:normal;}
.star_01{}

.txt_01_01{margin:0px 0 10px 0; font-size:15px; line-height:1.4; font-weight:normal;}

.board_part_01{ font-weight:bold; color:#262cd0; padding:0 2px 0 0; display:inline-block; vertical-align:top;}
.board_part_02{ font-weight:bold; color:#1ca204; padding:0 2px 0 0; display:inline-block; vertical-align:top;}
.board_part_03{ font-weight:bold; color:#f39303; padding:0 2px 0 0; display:inline-block; vertical-align:top;}

table.table_view_01.board_list_01{}
table.table_view_01.board_list_01 .left_01 a{display:inline-block; max-width: 450px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}



table.table_view_01.board_view_01{border-top:none;}
table.table_view_01.board_view_01 td{ border:1px solid #c1c5cd; border-top:none;}
table.table_view_01.board_view_01 th:last-child{border-right:none;}
table.table_view_01.board_view_01 td:last-child{border-right:none;}
table.table_view_01.board_view_01 th:first-child{border-left:none;}
table.table_view_01.board_view_01 td:first-child{border-left:none;}






/*목록*/
.list_00{}
.list_00 li{padding:0 0 0 0px; margin:10px 0 22px 0; font-size:16px; font-weight:bold;}
.list_00 .list_01{ margin:4px 0 40px 16px;}
.list_00 .list_01 li{padding:0 0 0 12px; margin:0px 0 6px 0; font-size:15px; font-weight:normal; background:url(../images/common/list_bullet_01.gif) no-repeat 0px 10px; color:#333333;}
.list_00 .list_01 .list_02{ margin:4px 0 0 0px;}
.list_00 .list_01 .list_02 li{padding:0 0 0 12px; margin:2px 0 5px 0; font-size:13px; font-weight:normal; background:url(../images/common/list_bullet_02.gif) no-repeat 0px 8px; color:#666666; }
.list_00 .list_01 .list_03{ margin:4px 0 0 0px;}
.list_00 .list_01 .list_03 li{padding:0 0 0 10px; margin:4px 0 7px 0; font-size:13px; font-weight:normal; background:url(../images/common/list_bullet_03.gif) no-repeat 0px 9px; color:#666666; }


.list_00.list_add_01 li{ margin:10px 0 10px 0; }
.list_00.list_add_01 .list_01{ margin:4px 0 0px 16px;}


.list_00_01{}
.list_00_01 li{padding:0 0 0 0px; margin:0px 0 6px 0; font-size:16px; font-weight:bold;}



.list_01{}
.list_01 li{padding:0 0 0 12px; margin:0px 0 6px 0; font-size:15px; font-weight:bold; background:url(../images/common/list_bullet_01.gif) no-repeat 0px 10px;}

.list_02{ margin:9px 0 0 0;}
.list_02 li{padding:0 0 0 12px; margin:2px 0 5px 0; font-size:14px; font-weight:normal; background:url(../images/common/list_bullet_02.gif) no-repeat 0px 8px;}

.list_03{ margin:0px 0 0 0px;}
.list_03 li{padding:0 0 0 10px; margin:0px 0 0px 0; font-size:14px; font-weight:normal; background:url(../images/common/list_bullet_03.gif) no-repeat 0px 9px; color:#666666; }




.list_a{ margin:0px 0 0 0;}
.list_a li{padding:0 0 0 12px; margin:0px 0 0px 0; font-size:14px; font-weight:normal; background:none;}




.part_two_01{ display:table; width:100%; table-layout:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.part_two_01 dt{ display:table-cell; width:176px; vertical-align:top;}
.part_two_01 dd{ display:table-cell; vertical-align:top;}


.part_two_02{ display:table; width:100%; table-layout:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.part_two_02 dt{ display:table-cell; width:348px; vertical-align:top;}
.part_two_02 dd{ display:table-cell; vertical-align:top;}


.photo_00{}
.photo_00 dt{}
.photo_00 dt .round_01{ border:1px solid #c6c0c0; padding:0px; border-radius:10px; box-sizing:border-box;}
.photo_00 dt .round_01 a{display:block; padding:5px 5px 5px 5px;}
.photo_00 dt .round_01 a img{ width:100%; height:auto;}
.photo_00 dt .round_02{ border:1px solid #777777; padding:0px; text-align:center; border-radius:10px; overflow:hidden; box-sizing:border-box;}

.photo_00 dd{ text-align:center; font-size:17px; line-height:2;}


.photo_00 .out_01{}
.photo_00 .out_01 .round_01{ border:1px solid #c6c0c0; padding:0px; border-radius:10px; box-sizing:border-box;}
.photo_00 .out_01 .round_01 a{display:block; padding:5px 5px 5px 5px;}
.photo_00 .out_01 .round_01 a img{ width:100%; height:auto;}
.photo_00 .out_01 .round_02{ border:1px solid #777777; padding:0px; text-align:center; border-radius:10px; overflow:hidden; box-sizing:border-box;}

.photo_00 .out_02{ text-align:center; font-size:17px; line-height:2;}


.photo_00 .txt_01{color:#e64433; text-align:right;}
.photo_00 .txt_01 strong{ font-weight:normal; font-size:14px;}


.photo_popup_01{background:#fafafb; width: 100%;text-align:center; border:1px solid #c6c0c0; 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:10px 0 80px 0;}
.photo_popup_01 span{color:#0067a1;}
.photo_popup_01 a{color: #777;	display:block; padding: 10px 0 10px 0; font-weight:bold;}
.photo_popup_01 img{width:15px;padding-right:4px;padding-bottom:3px; vertical-align:middle;}

.photo_popup_01.pc_hide{ display:none;}



.photo_01{ display:inline-block; margin-right:5px;}
.photo_01 dt{}
.photo_01 dd{ text-align:center;}



/* page_045.html */
.top_explain_01{border-bottom:1px solid #c1c5cd; margin:20px 0 20px 0; padding:20px 0 17px 20px; background:#fafafb; text-align:left; font-weight:bold; color:#353941; border-top: 2px solid #3076c5;}



/* page_002.html, 팝업레이어 */
.ferry_search{border-bottom:1px solid #c1c5cd; margin:20px 0 20px 0; padding:17px 0 17px 0px; background:#fafafb; text-align:center; font-weight:bold; color:#353941; border-top: 2px solid #3076c5;}
.ferry_search label{margin-right:5px; font-size:15px; vertical-align:middle;}
.ferry_search label.mr30{ margin-right:30px; }
.ferry_search .label_01{color:#2e74c4; font-size:17px;}
.ferry_search p{font-weight:normal; margin-top:15px; color:#666;}
.ferry_search select {color:#504f4f; vertical-align:middle; height:34px; }


.cont_ferry{position:relative;}
.cont_ferry .layer_ferry {position:absolute; top:-50px; left:200px; width:348px; background:#fafafb; z-index:10; text-align:left; box-shadow: 1px 2px 2px 0px #bbbbbb;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cont_ferry .layer_ferry h4{height:52px; text-align:left; padding:10px 0 0 12px; font-size:16px; color:#fff; background-color:#3076c5;
-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;}
.cont_ferry .layer_ferry h4 a{color:#fff;}
.cont_ferry .layer_ferry .pop_con{ overflow-y:scroll; height:200px; padding:23px 14px 0px 14px; font-size:14px; line-height:1.5; border:1px solid #c1c5cd; border-top:none;
-webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;}
.cont_ferry .layer_ferry .pop_con:after{ content:''; height:22px; display:block;}
.cont_ferry .layer_ferry .ferry_home {padding:0; position:absolute; top:15px; right:45px;}
.cont_ferry .layer_ferry .ferry_close {padding:0; position:absolute; top:15px; right:9px;}
.cont_ferry .layer_ferry .ferry_home a{display:inline-block; border:1px solid #8db8e0; background-color:#3b8ad2;}
.cont_ferry .layer_ferry .ferry_home a:hover,
.cont_ferry .layer_ferry .ferry_home a:active,
.cont_ferry .layer_ferry .ferry_home a:focus{ border:1px solid #b3d3f1; background:rgba(0,0,0,.4); text-decoration:none; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}

.cont_ferry .layer_ferry .ferry_close a{display:inline-block;}
.cont_ferry .layer_ferry .ferry_close a:hover,
.cont_ferry .layer_ferry .ferry_close a:active,
.cont_ferry .layer_ferry .ferry_close a:focus{background:rgba(0,0,0,.4); text-decoration:none; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}


/* page_034.html, 팝업레이어 */
.cont_ferry .layer_ferry.add_01{ top:-20px; left:170px;}
.cont_ferry .layer_ferry.add_01 .pop_con{ height:160px;}



/* 신규 */
.cont_ferry_01{position:relative;}
.cont_ferry_01 .layer_ferry {position:absolute; top:10px; left:-10px; width:500px; background:#ffffff; z-index:10; text-align:left; box-shadow: 5px 6px 10px 0px #a1a1a1;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.cont_ferry_01 .layer_ferry h4{height:52px; text-align:left; padding:10px 0 0 12px; font-size:16px; color:#fff; background-color:#3076c5;
-webkit-border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;}
.cont_ferry_01 .layer_ferry h4 a{color:#fff;}
.cont_ferry_01 .layer_ferry .pop_con{ overflow-y:auto; height:auto; padding:10px 10px 10px 10px; font-size:14px; line-height:1.5; border:1px solid #c1c5cd; border-top:none;
-webkit-border-radius:0px 0px 10px 10px; -moz-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;}
.cont_ferry_01 .layer_ferry .pop_con:after{ content:''; height:auto; display:block;}

.cont_ferry_01 .layer_ferry .pop_con ul{ display: flex;}
.cont_ferry_01 .layer_ferry .pop_con ul li:first-child{ padding-right: 10px;}
.cont_ferry_01 .layer_ferry .pop_con ul li .table_view_01{}

.cont_ferry_01 .layer_ferry .pop_con .table_view_01 th{ height: auto; padding: 2px;}
.cont_ferry_01 .layer_ferry .pop_con .table_view_01 td{height: auto; padding: 2px;}

.cont_ferry_01 .layer_ferry .pop_con a.link_02{ background: none; padding-left: 0px;}

.cont_ferry_01 .layer_ferry .ferry_home {padding:0; position:absolute; top:15px; right:45px;}
.cont_ferry_01 .layer_ferry .ferry_close {padding:0; position:absolute; top:15px; right:9px;}
.cont_ferry_01 .layer_ferry .ferry_home a{display:inline-block; border:1px solid #8db8e0; background-color:#3b8ad2;}
.cont_ferry_01 .layer_ferry .ferry_home a:hover,
.cont_ferry_01 .layer_ferry .ferry_home a:active,
.cont_ferry_01 .layer_ferry .ferry_home a:focus{ border:1px solid #b3d3f1; background:rgba(0,0,0,.4); text-decoration:none; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}

.cont_ferry_01 .layer_ferry .ferry_close a{display:inline-block;}
.cont_ferry_01 .layer_ferry .ferry_close a:hover,
.cont_ferry_01 .layer_ferry .ferry_close a:active,
.cont_ferry_01 .layer_ferry .ferry_close a:focus{background:rgba(0,0,0,.4); text-decoration:none; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s;}

.dim_layer{ position:fixed; top:0px; left:0px; width:100%; height:10000%; background:#000000; opacity:.5;  z-index:2; display:none; }

/* page_034.html, 팝업레이어 */
.cont_ferry_01 .layer_ferry.add_01{ top:-20px; left:170px;}
.cont_ferry_01 .layer_ferry.add_01 .pop_con{ height:160px;}



/*.cont_ferry .title {z-index:1;}*/
/*.ck_box{vertical-align:middle; width:13px; height:13px; margin:0; padding:0;}*/



.ferry_search.add_01{ border-bottom: 1px solid #c1c5cd; border-top: 1px solid #c1c5cd; background: #fafafb;}
.ferry_search.add_01 .caution_01{background:url(../images/contents/img_comment.gif) no-repeat 0px 5px; color:#e64433; display: inline-block; padding:7px 0 0 32px;}

    

/*page_005~014.html(국제여객선사안내)*/
.info_img_01{}
.info_img_01 img{}
.box_01{padding:15px 40px 15px 10px; border:1px solid #d5d9dd; background:#fafafa; display:table; width:100%; table-layout:fixed; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.box_01 .box_logo{width:260px; display:table-cell; vertical-align:middle; height:100px;}
.box_01 .box_txt{display:table-cell; vertical-align:middle;}

/*국제여객선사안내 상단*/
.info_top .box_txt a{color:#2147c2; font-weight:bold; display:block;}
.info_top .box_txt dl{}
.info_top .box_txt dl dt{ font-weight:bold;}
.info_top .box_txt dl dd{}
.info_top .box_txt dl dd .row_01{}


/*page_025.html*/
.box_01 .visa_01{}
.box_01 .visa_01 strong{ font-size:17px;}
.box_01 .visa_01 .txt_01{font-size:13px;}

/*출입국 수속*/
.box_02{padding:10px 15px 10px 20px; border:1px solid #d5d9dd; background:#fafafa;
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.dot_list{}
.dot_list li{padding:12px 0; border-bottom:1px dotted #d5d9df;}



/*출국 절차*/
.step_01{display:table; width:100%; table-layout:fixed; margin-bottom:10px; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.step_01 dt{ display:table-cell; width:180px; vertical-align:middle; font-weight:bold; font-size:15px; line-height:1.6; padding:0px 0 0px 14px;
color:#ffffff; box-shadow:1px 1px 1px 0px #8b8db1;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
background-color:#518abf; border:1px solid #3d70a0;}
.step_01 dt strong{color:#ffffff;}
.step_01 dd{display:table-cell; vertical-align:middle; padding:0px 0 0px 5px; }
.step_01 dd div{ background-color:#f4f5f5; border:1px solid #a2a2a2; padding:10px 10px 10px 15px; box-shadow: 1px 1px 1px 0px #d6d5d5;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}



/*입국 절차*/
.step_02{display:table; width:100%; table-layout:fixed; margin-bottom:10px; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.step_02 dt{ display:table-cell; width:210px; vertical-align:middle; font-weight:bold; font-size:15px; line-height:1.6; padding:0px 0 0px 14px;
color:#ffffff; box-shadow:1px 1px 1px 0px #a7baaf;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; 
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
background-color:#5d965c; border:1px solid #3f773f;}
.step_02 dt strong{color:#ffffff;}
.step_02 dd{display:table-cell; vertical-align:middle; padding:0px 0 0px 5px; }
.step_02 dd div{ background-color:#f4f5f5; border:1px solid #a2a2a2; padding:10px 10px 10px 15px; box-shadow: 1px 1px 1px 0px #d6d5d5;
-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}




/*관광안내 바로가기*/
.tour_01{margin:10px 0 50px 0; border:1px solid #e0e0e0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:0 0 0px 0;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.tour_01 dl{display:table; width:100%; table-layout:fixed;}
.tour_01 dl dt{display:table-cell; width:290px; text-align:center; vertical-align:middle; font-weight:bold; padding:0px 0 0px 0px;}
.tour_01 dl dd{display:table-cell; vertical-align:middle; height:80px; padding:20px 30px 20px 0px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.tour_01 .tour01_link{ padding:15px 0 0 3px; display: inline-block;}
.tour_01 .tour01_link:first-child{ padding-left: 0;}
.tour_01 .tour01_link a{display:inline-block; padding:7px 20px; border:1px solid #a2a2a2; border-radius:100px; font-weight:bold; font-size:16px;}
.tour_01 .tour01_link a:hover,
.tour_01 .tour01_link a:active,
.tour_01 .tour01_link a:focus{background:#2368ba; border:1px solid #2368ba; text-decoration:none; transition:all .2s ease 0s; -webkit-transition:all .2s ease 0s; color:#ffffff;}



/*유실물 처리흐름도*/
.step_001{display:table; width:100%; table-layout:fixed; margin-bottom:10px; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.step_001 li{ display:table-cell; position:relative;}
.step_001 li:before{ content:'〉'; display:inline-block; font-size:40px; color:#c8d1db; font-weight:bold; letter-spacing:-5px; position:absolute; top:56px; left:-9px; }
.step_001 li:first-child:before{display:none;}
.step_001 li div{ border:15px solid #77c1f1; width:150px; height:150px; margin:0 auto; text-align:center;
font-size:14px; line-height:1.3; font-weight:bold; box-shadow:3px 3px 4px 0px #b7b7b7; color:#666666;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.step_001 li div strong{color:#1868b3; display:block; font-size:17px; line-height:1.6; padding:38px 0 0 0;}
.step_001 li div span{ display:block; padding:8px 0 0 0px;}



/*터미널보안구역 출입신청*/
.step_002{text-align:center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.step_002 > li{ position:relative; display:inline-block; width:240px; vertical-align:top; margin:0 0 20px 30px; }
.step_002 > li:before{ content:'〉'; display:inline-block; font-size:30px; color:#c8d1db; font-weight:bold; letter-spacing:-5px; position:absolute; top:30px; left:-23px; }
.step_002 > li:first-child:before{display:none;}
.step_002 > li div{ border:5px solid #009ea1; height:110px; text-align:left; padding:19px 10px 0 0;
font-size:14px; line-height:1.3; font-weight:bold; box-shadow:1px 1px 2px 0px #d8d8d8; color:#666666;
-webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.step_002 > li div strong{color:#057173; display:block; font-size:16px; line-height:1.4; padding: 9px 12px 0 30px; text-indent: -19px; }
.step_002 > li:nth-child(1) div{ padding-top:7px;}
.step_002 > li:nth-child(2) div{ padding-top:29px;}
.step_002 > li:nth-child(3) div{ padding-top:0px;}
.step_002 > li:nth-child(4):before{display:none;}
.step_002 > li div .list_02{ margin:5px 0 0 17px;}
.step_002 > li div .list_02 li{ font-size:12px; background-position: 0px 5px;}








/*지도 api*/
.cont_map{ border:1px solid #999;}
.inner-table{ font-size:11px; border-collapse:collapse; border-top:2px solid #0079c4; border-left:1px solid #c8d1db; }
.inner-table thead td{ padding:10px 5px 8px 5px; color:#0f4989; background:#f1f6fb; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; text-align:center; font-weight:bold; }
.inner-table tbody td{ padding:10px 5px 8px 5px; border-right:1px solid #c8d1db; border-bottom:1px solid #c8d1db; }
.inner-table-2{font-size:11px; border-collapse:collapse; border-top:0px; border-left:0px; }
.inner-table-2 tbody td{ text-align:center; padding:10px; line-height:15px; }
.inner-table-2-box{ border:1px solid #c8d1db; }
.Ref-table { background-color:#dee8f1; }
/* 2016.10.25 네이버 지도 관련 CSS 추가 시작 */
#ippt_map .buttons { position:absolute; top:0; left:0; z-index:10; padding:5px; }
#ippt_map .buttons .control-btn { margin:0 5px 5px 0; }
/* #ippt_map {height: 600px;} */
.control-btn { margin: 0; color: #555; padding: 2px 6px; background: #fff; border: solid 1px #333; cursor: pointer; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, 0.5) !important; }
.control-on { background-color: #2780E3; color: #FFF; }    
/* 2016.10.25 네이버 지도 관련 CSS 추가 종료 */

/*page_060.html(길찾기)*/
.road_00{margin:0px 0 30px 0; font-size:15px; line-height:1.4; font-weight:normal; color:#2147c2;}
.road_01{ font-weight:normal; padding:0 0 0 45px; font-size:14px;}


/* 새창 */
.cont_new_window {width:100%; padding-top:230px; background:url(../images/contents/bg_link.gif) no-repeat center top; margin:40px 0 0 0;}


/*해양기상정보*/
.sea_info_01{ margin-top:40px;}
.sea_info_01 .sea_btn_01{ padding-left:100px;}

/*개인정보처리방침, 이메일무단수집거부*/
.person_font_01{font-weight:normal; text-indent:-22px; padding-left:24px;}
.person_font_02{font-weight:normal; text-indent:-18px; padding-left:22px;}
.person_font_normal{font-weight:normal;}
.person_padding_left_74{padding-left:74px;}
.person_padding_left_20{padding-left:20px;}
.person_bold_01{ font-weight:bold;}
table.table_person_01 {width:100%; table-layout:fixed; border-top:2px solid #00a14f;}


/*조직도*/
.organization_top{ width:500px; margin:0 auto;}
.ipfc_lofo{}
.ipfc_lofo img{}

.organization_01{ position:relative; margin-bottom:60px;}
.organization_01 .org_001{ text-align:center; }
.organization_01 .org_001 li{ border:1px solid #4a4f55; width:210px; margin:0 auto 14px auto;
-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; overflow:hidden;}
.organization_01 .org_001 li strong{ display:block; background-color:#4a4f55; color:#ffffff; padding:4px 4px 4px 4px; }
.organization_01 .org_001 li span{ display:block; font-size:14px; font-weight:bold; padding:4px 4px 4px 4px;}
.organization_01 .org_001 li:nth-child(2){border:1px solid #3c8cbc;}
.organization_01 .org_001 li:nth-child(2) strong{ background-color:#3c8cbc;}

.organization_01 .org_002{  display:table; width:100%; table-layout:fixed; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.organization_01 .org_002 li{ display:table-cell; text-align:center; padding:4px;}

.organization_01 .org_002 li:nth-child(3){ width: 148px;}
.organization_01 .org_002 li strong{ display:block; border:1px solid black; background:black; color:#ffffff; padding:4px 2px 4px 2px; min-height:56px;
-webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px;}
.organization_01 .org_002 li strong em{ display:block; font-size:12px; font-weight:normal; padding-top: 9px;}
.organization_01 .org_002 li:nth-child(3) strong em{ padding-top: 0;}
.organization_01 .org_002 li:nth-child(6) strong em{padding-top: 0;}

.organization_01 .org_002 li span{ display:block;border:1px solid black; padding:6px 4px 6px 4px;
-webkit-border-radius:0px 0px 4px 4px; -moz-border-radius:0px 0px 4px 4px; border-radius:0px 0px 4px 4px;}


.organization_01 .org_002 li:nth-child(1) strong{border:1px solid #29a1ad; background-color:#29a1ad;}
.organization_01 .org_002 li:nth-child(1) span{border:1px solid #29a1ad;}
.organization_01 .org_002 li:nth-child(2) strong{border:1px solid #9b7bcc; background-color:#9b7bcc;}
.organization_01 .org_002 li:nth-child(2) span{border:1px solid #9b7bcc;}
.organization_01 .org_002 li:nth-child(3) strong{border:1px solid #4ca55f; background-color:#4ca55f;}
.organization_01 .org_002 li:nth-child(3) span{border:1px solid #4ca55f;}
.organization_01 .org_002 li:nth-child(4) strong{border:1px solid #cb861d; background-color:#cb861d;}
.organization_01 .org_002 li:nth-child(4) span{border:1px solid #cb861d;}
.organization_01 .org_002 li:nth-child(5) strong{border:1px solid #2d85bc; background-color:#2d85bc;}
.organization_01 .org_002 li:nth-child(5) span{border:1px solid #2d85bc;}
.organization_01 .org_002 li:nth-child(6) strong{border:1px solid #b54f98; background-color:#b54f98;}
.organization_01 .org_002 li:nth-child(6) span{border:1px solid #b54f98;}


.organization_01 .org_003{ display:table; width:180px; table-layout:fixed; position:absolute; top:0px; left:4px;}
.organization_01 .org_003 li{display:table-cell; text-align:center; border:1px solid #c15b48;
-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; overflow:hidden; }
.organization_01 .org_003 li strong{ display:block;  padding:4px 4px 4px 4px; background-color:#c15b48; color:#ffffff;}
.organization_01 .org_003 li strong em{ display:block; font-size:12px; font-weight:normal;}
.organization_01 .org_003 li span{ display:block; padding:2px 4px 2px 4px; }
.organization_01 .org_003 li span:last-child{ border-top:1px solid #c15b48; padding-bottom:4px;}


.organization_01 .org_004{ display:table; width:180px; table-layout:fixed; position:absolute; top:0px; right:4px;}
.organization_01 .org_004 li{display:table-cell; text-align:center; border:1px solid #242d85;
-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; overflow:hidden; }
.organization_01 .org_004 li strong{ display:block;  padding:4px 4px 4px 4px; background-color:#4854c1; color:#ffffff;}
.organization_01 .org_004 li strong em{ display:block; font-size:12px; font-weight:normal;}
.organization_01 .org_004 li span{ display:block; padding:2px 4px 2px 4px; }
.organization_01 .org_004 li span:last-child{ border-top:1px solid #242d85; padding-bottom:4px;}

.organization_01 .org_005{ display:table; width:180px; table-layout:fixed; position:absolute; top:61px; right:4px;}
.organization_01 .org_005 li{display:table-cell; text-align:center; border:1px solid #242d85;
-webkit-border-radius:4px 4px 4px 4px; -moz-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px; overflow:hidden; }
.organization_01 .org_005 li strong{ display:block;  padding:4px 4px 4px 4px; background-color:#4854c1; color:#ffffff;}
.organization_01 .org_005 li strong em{ display:block; font-size:12px; font-weight:normal;}
.organization_01 .org_005 li span{ display:block; padding:2px 4px 2px 4px; }
.organization_01 .org_005 li span:last-child{ border-top:1px solid #242d85; padding-bottom:4px;}


.organization_02{}
.organization_02 .org_detail_01{ text-align:left; padding-left:30px;}
.organization_02 .org_detail_01 li{width:190px; display:inline-block; text-align:center; vertical-align:top; margin:0 2px 3px 0;}
.organization_02 .org_detail_01 li strong{ display:block; border:1px solid black; background:black; color:#ffffff; padding:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; border-radius:4px 4px 0px 0px; overflow:hidden;}
.organization_02 .org_detail_01 li.one_01{ display:block;}
.organization_02 .org_detail_01 li span{ display:block; border:1px solid orange;padding:4px 4px 4px 4px;}
.organization_02 .org_detail_01 li.odd_01 strong{ background:orange; border:1px solid orange;}
.organization_02 .org_detail_01 li.odd_01 span{border:1px solid orange;}

.org_detail_01.add_001 li strong{border:1px solid #29a1ad; background-color:#29a1ad;}
.org_detail_01.add_001 li span{border:1px solid #29a1ad;}

.org_detail_01.add_002 li strong{border:1px solid #9b7bcc; background-color:#9b7bcc;}
.org_detail_01.add_002 li span{border:1px solid #9b7bcc;}

.org_detail_01.add_003 li strong{border:1px solid #4ca55f; background-color:#4ca55f;}
.org_detail_01.add_003 li span{border:1px solid #4ca55f;}

.org_detail_01.add_004 li strong{border:1px solid #2d85bc; background-color:#2d85bc;}
.org_detail_01.add_004 li span{border:1px solid #2d85bc;}

.org_detail_01.add_005 li strong{border:1px solid #cb861d; background-color:#cb861d;}
.org_detail_01.add_005 li span{border:1px solid #cb861d;}

.org_detail_01.add_006 li strong{border:1px solid #b54f98; background-color:#b54f98;}
.org_detail_01.add_006 li span{border:1px solid #b54f98;}

.org_title{ margin-left:30px;}

.org_line_01{ display:inline;}



.org_part_two_001{ display:table; width:100%; table-layout:fixed;}
.org_part_two_001 > li{ display:table-cell; background:none; padding:0;}
.org_part_two_001 > li:first-child{ width:400px;}



/*CEO인사말*/
.greeting{ padding-top:15px; background:url(../images/contents/bg_greeting.gif) no-repeat right top; color:#222; }
.greeting .ceo_title{margin:0 0 30px 0; font-weight:bold; font-size:28px; color:#316db5; line-height:1.5;}
.greeting .ceo_title span{color:#009ea1; padding-left:40px;}
.greeting .ceo_title strong{ padding-left:184px;}
.greeting .ceo_title .line_01{ display:block;}
.greeting .ceo_txt{ font-size:17px; line-height:1.8;}
.greeting .ceo_txt .line_01{ display:block;}
.greeting .ceo_txt .line_02{ display:block; padding:10px 0;}
.greeting .ceo_sign{margin-top:0px; font-weight:bold; text-align:right; font-size:19px; letter-spacing:-1px; color:#666;}



/*회사개요*/
.history{}
.history li{padding:10px 0 10px 14px; border-bottom:1px dotted #d6dbe0; background:url(../images/contents/bu_round.gif) no-repeat 0 28px; background-size:9px auto;}
.history li .year{font-size:28px; font-style: italic; color: #1968b3;}
.history li .date{font-size:15px; display:block;}
.history li .date strong{padding:0 5px 0 0px; display:inline-block; color:#888888; font-size:18px; font-weight:normal;}
.history li .date strong:before{ content:'-'; display:inline-block; padding:0 2px 0 2px;}




/* 알림문구 */
.txt_explain_01{ border:5px solid #d27851;  text-align:left; padding:28px;
font-size:18px; line-height:2; font-weight:bold; box-shadow:1px 1px 2px 0px #d8d8d8; color:#666666;
-webkit-border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; border-radius:10px 10px 10px 10px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
margin: 40px 0 70px 0;
}


/* 목록의 달력 */
.ui-datepicker-calendar caption span{position:absolute; top:-9999px; text-indent:-9999px; overflow:hidden; height:0px; width:0px;}



/* 주차현황 */
.exam_01{ position:relative;}
.exam_01 ul{ position:absolute; top:-31px; right:0px;}
.exam_01 ul li{ display:inline-block; font-weight:bold; margin:0 0 0 20px;}
.full_car_01{ display:inline-block; width:15px; height:15px; border-radius: 50%; box-sizing: border-box; background-color:#ec0c0c; position:relative; top:2px; }
.full_car_01 + span{ color:#ec0c0c;font-weight:bold;}
.busy_car_01{ display:inline-block; width:15px; height:15px; border-radius: 50%; box-sizing: border-box; background-color:#e6a04f; position:relative; top:2px;}
.busy_car_01:after{ display:inline-block; content:''; width: 5px; height: 5px; background: #ffffff; position: absolute; top: 5px; left: 5px; border-radius: 0%;}
.busy_car_01 + span{ color:#af7129; font-weight:bold;}
.relax_car_01{display:inline-block; width:15px; height:15px; border-radius: 50%; box-sizing: border-box; background-color:#397cd8; position:relative; top:2px;}
.relax_car_01:after{ display:inline-block; content:''; width: 5px; height: 5px; background: #ffffff; position: absolute; top: 5px; left: 5px; border-radius: 50%;}
.relax_car_01 + span{ color:#397cd8;font-weight:bold;}