@charset "utf-8";

/* screen size 990 */
@media screen and (max-width:990px){
.sbody .stxt .nsfc .tab li {
	display:inline-block;
	border:1px solid #fff;
	font-size:12px;
	width:24%;
}
.sbody .stxt .nsfc .tab li a {
	display:inline-block;
	padding:4px 0;
	width:100%;
	background:#eee;
	border-radius:3px;
}

}

/* screen size 780 */
@media screen and (max-width:780px){
.sub {
    margin-top:0px !important;
	background:#fff;
}
#header {
	border-bottom:4px solid #388abe;
	padding:6px 0 4px 0;
	position:relative;
}
#header h1 { padding-left:5px; }
#header p {
	display:none;
}
#header .tps {
	position:absolute;
	top:5px; right:3px;
	display:block;
}
#header .tps a {
	display:inline-block;
	padding:0 2px;
}
#header #nav {
	display:none;
}
/* 주메뉴 모바일버전 */
#header .opmenu {
	position:relative;
	height:auto;
}
#header .opmenu .opme {
	position:relative;
	background:#fff;
	font-size:0;
	padding:0px;
	z-index:999;
	border-top:4px solid #1b73b7;
	border-bottom:4px solid #1b73b7;
}
#header .opmenu .opme .op1,
#header .opmenu .opme .op2,
#header .opmenu .opme .op3,
#header .opmenu .opme .op4,
#header .opmenu .opme .op5,
#header .opmenu .opme .op6 {
	display:inline-block;
	vertical-align:top;
	border:0px solid #f00;
	font-size:13.5px;
	width:100%;
}
#header .opmenu a {
	display:block;
	width:100%;
}
#header .opmenu .opme .optit {
	display:block;
	background:#fff;
	
	margin:0;
	border-radius:0px;
}
#header .opmenu .opme a.optit_on .optit {
	background:#388abe;
}
#header .opmenu .opme a:hover .optit {
	background:#388abe;
	border-radius:0px;
}
#header .opmenu .opme a:hover .optit span:first-child {
	color:#fff;
}

#header .opmenu .opme a.optit_on .optit span {
	color:#fff;
}
#header .opmenu .opme .optit span:first-child {
	display:inline-block;
	vertical-align:middle;
	color:#555;
	margin-right:1px;
	border-radius:0px;
	padding:2px 0 2px 4px;
	margin-bottom:4px;
	font-size:15.5px;
	font-family:'Nanum Square Bold';
	width:80%;
}
#header .opmenu .opme span:last-child {
	display:inline-block;
	vertical-align:middle;
	width:18%;
	text-align:right;
}

#header .opmenu .opme ul {
	margin-left:0px;
	background:#f4f4f4;
	padding:10px 0 0 0;
	margin-bottom:0;
	border-bottom:1px solid #f4f4f4;
}
#header .opmenu .opme ul li {
	color:#000;
	background:url(/bweb/images_2016/en_img/nav_3.png) 5px 0px no-repeat;
	padding-left:16px;
	line-height:110%;
	margin-bottom:8px;
}
#header .opmenu .opme ul li a {
	display:block;
}
#header .opmenu .opme ul li a:hover {
	color:#1960af;
}
#header .opmenu .opme > div > ul > li > div {
	border-radius:0px;
	background:#f4f4f4;
	padding:5px 0;
	margin-left:-16px;
	padding-left:16px;
}
#header .opmenu .opme > div > ul > li > div > ul {
	margin:0px 2px 0 -16px;
	background-color:#fcfcfc;
	padding-left:20px;
}
#header .opmenu .opme ul li ul li {
	color:#777;
	background:url(/bweb/images_2016/en_img/point2.gif) left 6px no-repeat;
	padding-left:6px;
	letter-spacing:-0.25px;
	margin-bottom:10px !important;
}
/* 주메뉴 모바일버전 끝*/
#content .mimg {
	display:none;
}
#content .mts .part1 {
	width:100%;
	max-width:100%;
}
#content .mts .part1_1 {
	position:relative;
	max-width:100%;
	max-height:480px;
	border-radius:10px;
	overflow:hidden;
}
#content .mts .part2 {
	position:relative;
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
}
#content .mts .part2 .mbans {
	width:100%;
	max-height:auto;
	line-height:0;

}
#content .mts .part2 .mbans li {
	display:inline-block;
    width:25%;
	height:auto;
	max-width:25%;
	overflow:hidden;
	vertical-align:top;
	margin-left:0;
	margin-bottom:3px;
	margin-top:3px;
	text-align:center;border:0px solid #f00;
}
#content .mts .part2 .mbans li img {
	width:98%;
	margin:auto;
}
#content .mts .part2 .bds dt span {
	display:inline-block;
	width:8%;
	right:0;
	padding:8px 6% 8px 6%;
	background:#e3e3e3;
	position:absolute;
	border-bottom:1px solid #dddddd;
	text-align:center;
}
#content .mts .part2 .bds dl.no1 dt strong {
	max-width:35%;
	width:35%;
}
#content .mts .part2 .bds dl.no2 dt strong {
	margin-left:35%;
	width:45%;
	max-width:45%;
}
.subnavi {
	display:none;
}
.sbody {
	width:100%;
	max-width:100%;
	margin-left:0;
	padding:30px 0;
}
.sbody .subinfo {
	position:relative;
	background:url(/bweb/images_2016/en_img/subtit_bg.gif) left bottom no-repeat;
	width:98%;
	margin:auto;
}
.sbody .stxt {
	width:98%;
	margin:auto;
	margin-top:20px;
}
.sbody .stxt .brochure .bhbtns span {
	display:inline-block;
	max-width:40px;
	margin-right:10px;
}
.sbody .stxt .history li span {
	display:block;
	margin-bottom:5px;
}
.sitemap .sm1,
.sitemap .sm2,
.sitemap .sm3,
.sitemap .sm4,
.sitemap .sm5,
.sitemap .sm6 {
	display:inline-block;
	width:47%;
	margin:0 1%;
	vertical-align:top;
	padding:10px 0 20px 0;
}
}

/* screen size 680 */
@media screen and (max-width:680px) {
	.btmlinks ul li.no2 a {
	display:inline-block;
	width:49%;
	text-align:center;
}
#footer ul li.no1 {
    width:95%;
	max-width:95%;
	margin-right:0;
	margin-left:2%;
	margin-bottom:10px;
}
#footer ul li.no2 {
	width:95%;
	max-width:95%;
	color:#606060;
	line-height:130%;
	margin-left:3%;
}
.sbody .loca {
	font-size:12px;
}
}

/* screen size 520 */
@media screen and (max-width:520px) {
.videos .video ul li.video1 {
	width:100%;
	border:2px solid #555;
	overflow:hidden;
}
.videos .video ul li.video2 {
	width:100%;
	border:0px solid #ccc;
	margin-left:2%;
	color:#eee;
	padding:5px;
}
.vessels li {
	display:inline-block;
	font-size:0;
	width:49%;
	margin:10px 0.5% 10px 0;
	height:180px;
	overflow:hidden;
}

.sitemap .sm1,
.sitemap .sm2,
.sitemap .sm3,
.sitemap .sm4,
.sitemap .sm5,
.sitemap .sm6 {
	display:inline-block;
	width:100%;
	margin:0;
	vertical-align:top;
	padding:10px 0 20px 0;
}
}


/* screen size 480 */
@media screen and (max-width:480px) {
.sch li .pselect {
	width:160px;
}
.sch li {
	padding:0 1px;
}
.sch .txt {
	padding:3px 5px;
	width:100px;
}
.sbody .stxt .nsfc .tab li {
	display:inline-block;
	border:1px solid #fff;
	font-size:12px;
	width:49%;
}
}

/* screen size 380 */
@media screen and (max-width:380px) {
#content .mts .part2 .mbans {
	padding-bottom:2px;
}
#content .mts .part2 .mbans li {
	display:inline-block;
    width:50%;
	height:auto;
	max-width:50%;
	overflow:hidden;
	vertical-align:top;
	margin-left:0;
	margin-bottom:1px;
	margin-top:3px;
	text-align:center;border:0px solid #f00;
}
.btmlinks ul li.no2 {
	width:84%;
	overflow:hidden;
	max-height:30px;
}
.btmlinks ul li.no2 a {
	display:inline-block;
	width:99%;
	text-align:center;
}
.sch .txt {
	padding:3px 5px;
	width:90px;
}
}