@charset "utf-8";

.txt_hide { position:absolute !important; top:-9999px!important; text-indent:-9999px!important;}

/* scroll motion */
.scaleDown {transform:scale(0.85);}
.roll_lt {transform:translate3d(-4%,0,0);}
.roll_gt {transform:translate3d(4%,0,0);}
.roll_lt_ar {transform:translate3d(-100%,0,0);}
.roll_gt_ar {transform:translate3d(100%,0,0);}
.roll_T {transform:translate3d(0,-20px,0);}
.roll_B {transform:translate3d(0,20px,0);}
.pMotion {opacity:0; transition:opacity 1s, transform 1s;}
.fadeOn {opacity:1; transform:translate3d(0,0,0) scale(1);}
.timeOrder1 {transition-delay:0.1s;}
.timeOrder2 {transition-delay:0.2s;}
.timeOrder3 {transition-delay:0.3s;}
.timeOrder4 {transition-delay:0.4s;}
.timeOrder5 {transition-delay:0.5s;}
.timeOrder6 {transition-delay:0.6s;}
.timeOrder7 {transition-delay:0.7s;}
.timeOrder8 {transition-delay:0.8s;}
.timeOrder9 {transition-delay:0.9s;}
.timeOrder10 {transition-delay:1.0s;}
.timeOrder11 {transition-delay:1.1s;}
.timeOrder12 {transition-delay:1.2s;}

/* 모션#2 */

/* s:animation */
@-webkit-keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity: 1;}
}

@-webkit-keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInDown {
	from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none;}
}

@-webkit-keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInUp {
	from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 20%, 0); visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@keyframes slideInUp {
	from {-webkit-transform: translate3d(0, 10%, 0);transform: translate3d(0, 20%, 0);visibility: visible; opacity: 0}
	to {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1;}
}

@-webkit-keyframes fadeInLeft {
	from {opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInLeft {
	from { opacity: 0;-webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0);}
	to {opacity: 1; -webkit-transform: none; transform: none;}
}

@-webkit-keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0);transform: translate3d(20%, 0, 0);}
	to { opacity: 1;-webkit-transform: none; transform: none;}
}

@keyframes fadeInRight {
	from {opacity: 0; -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0);}
	to {opacity: 1;-webkit-transform: none;transform: none; }
}

.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;animation-duration:1.5s; animation-delay:1.0s;animation-fill-mode:backwards}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;animation-duration:1.5s; animation-delay:1.0s;animation-fill-mode:backwards }
.fadeDown_logo{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;animation-duration:1.5s; animation-delay:1.0s;animation-fill-mode:backwards}
.slideInUp {-webkit-animation-name: slideInUp;animation-name: slideInUp; animation-duration:1.5s;}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:2.5s; }
.fadeInShort {-webkit-animation-name: fadeIn;animation-name: fadeIn;animation-duration:1s; animation-timing-function:ease;}
.fadeInDown { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1.5s; animation-timing-function:ease;}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp; animation-duration:1.5s; animation-timing-function:ease;}
.fadeInDownShort { -webkit-animation-name: fadeInDown;animation-name: fadeInDown; animation-duration:1s; animation-timing-function:ease;}
.fadeInUpShort {-webkit-animation-name: fadeInUp;animation-name: fadeInUp; animation-duration:1s; animation-timing-function:ease;}

/* 그리드 */
.grid3 { width:33.333333333333333333333333333333333333333%; }
.grid4 { width:25%; }
.grid5 { width:20%; }
.grid6 { width:16.6666666666666666666666666666666666666667%; }

/* 레이어 팝업 */
#popup,#popup2,.bMulti{display:none;min-width:450px;padding:0px}
#popup .logo{color:#2b91af;font:bold 325% 'Petrona',sans}
#popup,.bMulti{min-height:250px}
#popup2 iframe{background:url('./images/loader.gif') center center no-repeat;min-height:240px;min-width:450px;border:1px solid #000; }
.loading{background:url('./images/loader.gif') center center no-repeat}


.button.b-close,.button.bClose{ display:none; cursor:pointer; background:url('./images/btn_x.png') center center no-repeat; width:49px; height:49px; font-size:0; line-height:0; padding:0;position:absolute;right:-65px;top:0}


/* 메인 */
.mainSlider { width: 100%; position: relative; margin-bottom:30px; }

.mainSlider li { height:500px; text-align:center; }
.mainSlider li.visual-img1 { background: url('../img/pc/main/main_visual05.jpg') no-repeat center center; }
.mainSlider li.visual-img2 { background: url('../img/pc/main/main_visual06.jpg') no-repeat center center; }
.mainSlider li.visual-img3 { background: url('../img/pc/main/main_visual02.jpg') no-repeat center center; }
.mainSlider li.visual-img4 { background: url('../img/pc/main/main_visual04.jpg') no-repeat center center; }
.mainSlider li video { width:auto; height:100%; }

.mainSlider .bx-wrapper .bx-pager {
	top: 0px;
	width:1100px;
	left:50%;
	margin-left:-550px;
	text-align:right;
}

.mainSlider .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 15px;
	height: 15px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size:0;
	line-height:0;
}


.mainSlider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.mainSlider .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #284372;
}

.mainSlider .bx-wrapper .bx-prev, .mainSlider .bx-wrapper .bx-next {
	display:none;
}

#mainBanner01 {margin-bottom:80px; }
#mainBanner01:after {display:block;visibility:hidden;clear:both;content:""}
#mainBanner01 h2 { float:left; width:280px; }
#ipoc_ship_list { float:left; width:650px; margin-left:105px; }
#ipoc_ship_list h3 { text-align:center; margin-bottom:15px; font-size:14px; }

#ipoc_ship_list li { padding-top:20px; }
#ipoc_ship_list .ipoc_ship_info_list { position:relative; margin-top:0px; line-height:18px; font-size:12px; }
#ipoc_ship_list .ipoc_ship_per { position:absolute; top:-100px;  right:60px; background:#294473; width:70px; height:70px; line-height:70px; font-size:24px; font-weight:bold; border-radius:70px; color:#fff; text-align:center; z-index:7; }
#ipoc_ship_list .ipoc_ship_per small { position:absolute; top:5px; right:4px; font-size:11px; }
#ipoc_ship_list .ipoc_ship_info_mt { margin-top:20px; }

#mainBanner01 .bx-wrapper .bx-viewport {
	overflow-y:auto;
}
#mainBanner01 .bx-wrapper .bx-pager {
	display:none; 
}

#mainBanner01 .bx-wrapper .bx-prev {
	width:30px;
	height:60px;
	left: -65px;
	top:80px;
	background: url('../img/btn_prev.jpg') no-repeat;
}

#mainBanner01 .bx-wrapper .bx-next {
	width:30px;
	height:60px;
	right: -65px;
	top:80px;
	background: url('../img/btn_next.jpg') no-repeat;
}

#mainBanner02 {margin-bottom:50px; }
#mainBanner02 h2 { margin-bottom:20px; }
#mainBanner02 ul:after {display:block;visibility:hidden;clear:both;content:""}
#mainBanner02 li { float:left; margin-left:20px; }
#mainBanner02 li:first-child { margin-left:0px; }

/*  CI */
.ci_download { display:block; margin-top:35px; text-align:center; }

/* 찾아오시는길 */
#ipoc_map {}
#ipoc_map:after {display:block;visibility:hidden;clear:both;content:""}
#ipoc_map h2 { font-size:28px;  line-height:30px; font-weight:800; color:#000; margin-bottom:20px; }
#ipoc_map .ipoc_map_info_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#ipoc_map .ipoc_map_info { float:left; width:50%; }

#ipoc_map .ipoc_map_view { position:relative; margin-top:30px; }
#ipoc_map .ipoc_map_view:after {display:block;visibility:hidden;clear:both;content:""}
#ipoc_map .ipoc_map_banner { position:absolute; right:0; top:0; }
#ipoc_map .ipoc_map_banner li { margin-bottom:100px; }

/* 탭 */
.ipoc_tab { margin-bottom:35px; }
.ipoc_tab ul:after {display:block;visibility:hidden;clear:both;content:""} 
.ipoc_tab li { float:left; }
.ipoc_tab li:first-child { margin-left:0; }
.ipoc_tab li a { position:relative; display:inline-block; width:100%; height:46px;  border:2px solid #f2f2f2; background:#f2f2f2; color:#7f7f7f; text-align:center; line-height:42px; font-weight:bold; font-size:16px;  }
.ipoc_tab li a.active { border:2px solid #294471; background:#fff; color:#294471;  }

.ipoc_tab li a.active i { position:absolute; width:18px; height:18px; margin-left:-9px; left:50%; bottom:-18px; background:url('../img/pc/sub/tab_on_arrow.jpg') bottom center no-repeat;  }


.ipoc_0201_tab li { width:200px; margin-left:25px; }

.ipoc_cont_tab { display:none; }
.ipoc_cont_tab.active { display:block; }

/* 테이블 */

.ipoc_tbl_head01 {margin:0 0 35px; font-size:16px;}
.ipoc_tbl_head01 .ipoc_tbl_info { position:relative;  }
.ipoc_tbl_head01 .ipoc_tbl_info:after {display:block;visibility:hidden;clear:both;content:""}
.ipoc_tbl_head01 h2 { color:#294374; font-size:18px; margin-bottom:20px; }
.ipoc_tbl_head01 h2 i { display:inline-block; margin-right:5px; }
.ipoc_tbl_head01 .ipoc_tbl_desc { position:absolute; right:0; bottom:0; }
.ipoc_tbl_head01 .ipoc_tbl_desc02 { float:right; margin-bottom:20px; }


.ipoc_tbl_head01 table {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #294473; }
.ipoc_tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.ipoc_tbl_head01 thead th {padding:12px 20px;text-align:center;border:1px solid #cdcdcd;background:#e9ecf1;color:#333331;}
.ipoc_tbl_head01 tfoot th, .ipoc_tbl_head01 tfoot td {padding:12px 20px;border:1px solid #cdcdcd;background:#e9ecf1;text-align:center}
.ipoc_tbl_head01 tbody th {padding:12px 20px;border:1px solid #cdcdcd;background:#f5f5f5;font-weight:normal;text-align:center}
.ipoc_tbl_head01 td {padding:12px 20px; text-align:center; border:1px solid #cdcdcd;line-height:1.4em;word-break:break-all}

.ipoc_tbl_head01 tbody .bg0{background:#fff !important}
.ipoc_tbl_head01 tbody .bg1{background:#eff3f9 !important}


.ipoc_tbl_view01 {margin:0 0 35px; }
.ipoc_tbl_view01 h2 { color:#294374; font-size:18px; margin-bottom:20px; }
.ipoc_tbl_view01 h2 i { display:inline-block; margin-right:5px; }

.ipoc_tbl_view01 table {width:100%;border-collapse:collapse;border-spacing:0;border-top:2px solid #294473; }
.ipoc_tbl_view01 th {width:270px;padding:12px 0;border:1px solid #cdcdcd;font-size:16px;background:#e9ecf1; color:#333331; }
.ipoc_tbl_view01 td {padding:12px 0;border:1px solid #cdcdcd;font-size:16px;text-align:center; background:transparent}

.ipoc_tbl_view_c01 th { font-weight:normal; }
.ipoc_tbl_view_c01 .ipoc_th { width:415px; background:#f5f5f5; font-weight:bold; } 

/* 기타 */
.ipoc_desc { margin-bottom:40px; font-size:12px; }

/* 재무제표 */

.ipoc_010402_tab { margin-bottom:50px !important; }
.ipoc_010402_tab li { width:535px; margin-left:25px; }

/* 사업장안내 */
.ipoc_0201_map { position:relative; margin-bottom:35px; }
.ipoc_0201_map .ipoc_0201_big_map { width:650px; height:431px; overflow:hidden; }
.ipoc_0201_map .ipoc_0201_big_map img { width:100%; height:auto; }
.ipoc_0201_map_btn { position:absolute; cursor:pointer; right:40px; bottom:150px; }

#ipoc_020102 { margin-top:30px; }