@charset "utf-8";

/**
* main
*/

/*** section01 ***/
.page_main .section01 {position:relative; overflow:hidden; height:904px;}
.page_main .section01:after {display:block; content:''; clear:both;}
/* 메인 배경 슬라이드 */
.page_main .section01 .slide_main {overflow:hidden; position:absolute; left:50%; margin-left:-960px; width:1920px; height: 994px;}
.page_main .section01 .slide_main:after {display:block; content:''; content:both;}
.page_main .section01 .slide_main .visual {float:left;}
.page_main .section01 .slide_main .slick-dots {display:block; position:absolute; top:434px; left:50%; margin-left:-30px; height:25px; z-index:1000;}
.page_main .section01 .slide_main .slick-dots:after {content:''; clear:both;}
.page_main .section01 .slide_main .slick-dots li {float:left;}
.page_main .section01 .slide_main .slick-dots li:after {display:block; content:''; clear:both;}
.page_main .section01 .slide_main .slick-dots li button {float:left; display:inline-block; margin-right:19px; width:11px; height:11px; background:transparent; border:2px solid #fff; border-radius:12px; opacity:.6; color:transparent;}
.page_main .section01 .slide_main .slick-dots li.slick-active button {background:#fff; opacity:1;}
.page_main .section01 .btn_prev {position:absolute; left:30px; top:385px;  z-index:1000;}
.page_main .section01 .btn_next {position:absolute; right:30px; top:385px;  z-index:1000;}
/* 뉴스, 공지사항 공통 */
.page_main .section01 .box_list {position:absolute; top:475px; left:50%; margin-left:-640px; width:1280px; z-index:1000;}
.page_main .section01 .box_list .box {padding:30px 40px; width:630px; height:358px; background:#fff; box-sizing:border-box; z-index:1000;}
.page_main .section01 .box_list .box .wrap_title {margin-bottom:10px;}
.page_main .section01 .box_list .box .title {font-size:20px; color:#7f7f7f;}
.page_main .section01 .box_list .box .title_eng {font-family:'Nanum Barun Gothic'; font-size:28px; color:#333; font-weight:700;}
.page_main .section01 .box_list .box {position:relative;}
.page_main .section01 .box_list .box .btn_more {position:absolute; right:40px; top:40px;}
.page_main .section01 .box_list .box .list li:after {display:block; content:''; clear:both;}
.page_main .section01 .box_list .box .list li .tit {float:left; font-size:20px;  font-weight:300;}
/* 뉴스 */
.page_main .section01 .box_news {float:left; margin-right:20px;}
.page_main .section01 .box_news .list:after {display:block; content:''; clear:both;}
.page_main .section01 .box_news .list li {margin-bottom:25px;}
.page_main .section01 .box_news .list li a:after {display:block; content:''; clear:both;}
.page_main .section01 .box_news .list li:first-child {margin-left:0;}
.page_main .section01 .box_news .list li .img {display:block; float:left; margin-right:20px; position:relative; width:150px; height:110px;}
.page_main .section01 .box_news .list li .img img {width:150px; height:110px;}
/* .page_main .section01 .box_news .list li:hover .img:after {display:block; position:absolute; top:0; left:0; content:''; width:150px; height:110px; border:5px solid #034ea2; box-sizing:border-box;} */
.page_main .section01 .box_news .list li .tit {width:360px; height:86px; line-height:1.4; overflow:hidden;}
.page_main .section01 .box_list .list li:hover .tit {color:#034ea2;font-weight:500}
.page_main .section01 .box_news .list li .date {position:absolute; bottom:0; left:0; color:#7d7d7d;}

.page_main .section01 .box_news .list li .txt {position:relative; float:left; height:110px;}

/* 공지사항 */
.page_main .section01 .box_notice {float:left;}
.page_main .section01 .box_list .box_notice .list li {line-height:43px;}
.page_main .section01 .box_list .box_notice .list li .tit {width:440px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.page_main .section01 .box_list .box_notice .list li .date {float:right; color:#7d7d7d;}




/*** section02 ***/
.page_main .section02 {height:825px; background:url(../images/common/bg_main_route.jpg) no-repeat; background-position:center top;}
.page_main .section02 .inner_section {width:1280px; margin:0 auto;}
.page_main .section02 .title {font-size:20px; color:#fff; opacity:.5;}
.page_main .section02 .title_eng {padding-top:48px; font-family:'Nanum Barun Gothic'; font-weight:700; font-size:32px; color:#fff;}
.page_main .section02 .wrap_tab {margin:22px 0;}
.page_main .section02 .inner_section .wrap_title {float:left;}
.page_main .section02 .inner_section .btn_more {float:right; margin-top:60px; clear:right;}
/* 서비스항로 루트탭 */
.page_main .section02 .tab_route {float:left;}
.page_main .section02 .tab_route:after {display:block; content:''; clear:both;}
.page_main .section02 .tab_route li {float:left; margin-right:23px; padding:0 6px; height:50px; border-radius:50px; background:#fff; color:#034ea2; line-height:50px; font-size:16px; font-weight:400; text-align:center; box-sizing:border-box; cursor:pointer;}
.page_main .section02 .tab_route li.active {background:#145fb3; color:#fff;}
.page_main .section02 .tab_route li > a {width:119px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block;}

/* 서비스항로 루트 셀렉트박스 */
.page_main .section02 .select_box {float:left; position:relative; width:356px; margin:0 auto; text-align:center; font-weight:500; font-size:18px; line-height:50px; color:#145fb3;}
.page_main .section02 .select_box .select_label {height:50px; border:3px solid #145fb3; background:#fff url(../images/route/arr_select.gif) no-repeat 100% 50%;}
.page_main .section02 .select_box .select_label a {padding-left:10px; width:290px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.page_main .section02 .select_box .select_down {display:none; position:absolute; top:0; left:0; width:356px; border:3px solid #145fb3; background-color:#fff; z-index: 1000;}
/* [D] select li가 7개가 넘으면 .on 추가 (스크롤 생김) */
.page_main .section02 .select_box .select_down.on {overflow-y:auto; height:384px; z-index:1000;}
.page_main .section02 .select_box .select_down.on::-webkit-scrollbar {width:5px;}
.page_main .section02 .select_box .select_down.on::-webkit-scrollbar-thumb {background-color:#aaa;}
.page_main .section02 .select_box .select_down ul li {height:50px; border-bottom:1px solid #eee;}
.page_main .section02 .select_box .select_down ul li:last-child {border-bottom:0;}
/* 서비스항로 루트 지도 */
.page_main .section02 .con_route {display:none;}
.page_main .section02 .con_route.first {display:block;}


/*** section03 ***/
.page_main .section03 {height:560px; background:#e7e7e7;}
.page_main .section03 .inner_section {padding-top:60px; width:1280px; margin:0 auto;}
.page_main .section03 .left {float:left; width:634px; margin-right:12px;}
.page_main .section03 .left .box_ekmtc {padding:50px 0 0; background:url(../images/common/bg_ekmtc.jpg) no-repeat 100% 100%; width:634px; height:219px; text-align:center; box-sizing:border-box;}
.page_main .section03 .left .box_ekmtc .img {margin-bottom:18px; height:20px;}
.page_main .section03 .left .box_ekmtc .desc {font-size:15px; color:#fff;}
.page_main .section03 .left .box_ekmtc .btn_link {margin:27px auto; border:1px solid#fff; width:135px; height:29px; font-size:15px; color:#fff; font-weight:400; line-height:29px; text-align:center;}
.page_main .section03 .left .list_btn {background:#fff; height:219px;}
.page_main .section03 .left .list_btn:after {display:block; content:''; clear:both;}
.page_main .section03 .left .list_btn li {float:left; margin:0 9px; padding:64px 0; width:140px; text-align:center; font-size:15px; font-weight:400;}
.page_main .section03 .right {float:left; width:634px;}

.page_main .section03 .right .list_btn:after {display:block; content:''; clear:both;}
.page_main .section03 .right .list_btn li {display:table; float:left; width:317px; height:219px; background-color:#034ea2; color:#fff; font-size:17px; font-weight:400; text-align:center; vertical-align:middle; box-sizing:border-box;}
.page_main .section03 .right .list_btn li a {display:table-cell; width:317px; height:219px; vertical-align:middle;}
.page_main .section03 .right .list_btn li:first-child {background:url(../images/common/bg_vessel_info.jpg) no-repeat 100% 100%;}
.page_main .section03 .right .list_btn li:nth-child(2) {background:url(../images/common/bg_container_info.jpg) no-repeat 100% 100%;}
.page_main .section03 .right .list_btn li:nth-child(3) {background:url(../images/common/bg_oversea.jpg) no-repeat 100% 100%;}


/*** section04 ***/
/* 인사말 슬라이드*/
.page_main .section04:after {display:block; content:''; clear:both;}
.page_main .section04 .left {float:left; max-width:960px; width:50%; height:620px;}
.page_main .section04 .left .slide_greeting {position:relative; float:left; overflow:hidden; width:100%; height:620px; background:url(../images/common/bg_greeting01.jpg) no-repeat 100% 100%;}
.page_main .section04 .left .slide_greeting:after {display:block; content:''; content:both;}
.page_main .section04 .left .greeting {float:left; padding:156px 0 0; height:620px;  text-align:center; box-sizing:border-box;}
.page_main .section04 .left .greeting02 {}
.page_main .section04 .left .greeting .desc {padding-top:20px; color:#aaa; line-height:30px;}
.page_main .section04 .left .slide_greeting .title {padding-top:30px;font-size:28px; font-weight:500; color:#fff;}
.page_main .section04 .left .slide_greeting .slick-dots {display:block; position:absolute; top:470px; left:50%; margin-left:-30px; height:25px; z-index:1000;}
.page_main .section04 .left .slide_greeting .slick-dots:after {display:block; content:''; clear:both;}
.page_main .section04 .left .slide_greeting .slick-dots li {float:left;}
.page_main .section04 .left .slide_greeting .slick-dots li:after {display:block; content:''; clear:both;}
.page_main .section04 .left .slide_greeting .slick-dots li button {float:left; display:inline-block; margin-right:14px; width:11px; height:11px; background:transparent; border:2px solid #fff; border-radius:12px; opacity:.6; color:transparent;}
.page_main .section04 .left .slide_greeting .slick-dots li.slick-active button {background:#fff; opacity:1;}

.page_main .section04 .right {float:left; max-width:960px; width:50%;}
.page_main .section04 .right .title {font-size:24px; font-weight:500;}
.page_main .section04 .right .desc {padding-top:20px; font-size:16px;}
.page_main .section04 .right .box_recruitment {display:table; background:url(../images/common/bg_recruitment.jpg) no-repeat 100% 100%; width:100%; height:310px; color:#fff; text-align:center; box-sizing:border-box; } 
.page_main .section04 .right .box_recruitment a {display:table-cell; vertical-align:middle;}
.page_main .section04 .right .box_bottom:after {display:block; content:''; clear:both;}
.page_main .section04 .right .box_bottom .box {display:table; float:left; background:#034ea2; width:50%; height:310px; color:#fff; text-align:center; box-sizing:border-box;}
.page_main .section04 .right .box_bottom .box a {display:table-cell; vertical-align:middle;}
.page_main .section04 .right .box_bottom .box .desc {opacity:0.7;}
.page_main .section04 .right .box_bottom .box.temp {background:url(../images/common/bg_temp.jpg) no-repeat 100% 100%;}


/* 다국어 메인에서 채용 링크 숨기기 */
.page_main .section04 .right .box_recruitment a[href='/recruit/system'] {display: none}
.page_main .section04 .right .box_recruitment .title_eng {display:table-cell; vertical-align:middle; font-size:24px; font-weight:500;}