@charset "utf-8";
/* CSS Document */
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* default */
body {font-family:'나눔고딕',"Nanum Gothic","돋움",sans-serif;color:#888;font-size:12px;font-weight:400;padding:0px;margin:0px;text-align:center;}
html {overflow-y:scroll}
html, body {width:100%;min-width:1200px}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top}
ul, ol, dl, dd, dt, li {list-style-type:none}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse;border-spacing:0} /*border:none; separate*/
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
legend{display:none;position:absolute;visibility:hidden}
img {border:0;vertical-align:top;outline:none}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
input {margin:0;vertical-align:middle;color:#888}
select {margin:0;vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
i, em {font-style:normal;}
span{letter-spacing:normal}
caption{font-size:16px;color:#444;font-weight:500;padding-bottom:17px;text-align:left}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,em,img,strong,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,video{margin:0;padding:0;border:0;vertical-align:baseline}
body{width:100%;height:100%;line-height:1;font-family:"Nanum Gothic",NanumGothic,"돋움",dotum,AppleGothic,sans-serif;color:#000;font-size:12px;background:#fff}
hr,caption{display:none}
address,em{font-style:normal}
input{font-family:"Nanum Gothic",NanumGothic,"돋움",dotum,AppleGothic,sans-serif;font-size:12px;margin:0;padding:0}
select{font-size:12px}
textarea{font-family:"Nanum Gothic",NanumGothic,"굴림",gulim,AppleGothic,sans-serif;font-size:12px;color:#333;resize:none}
.blind{position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
ol,ul{list-style:none}
a,a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}

a{outline:none; select_dummy; expression(this.hideFocus=true);}
table{table-layout:fixed;border-collapse:collapse}



/* 링크 */
a {text-decoration:none;cursor:pointer;}
a:link, a:visited {text-decoration:none;color:#888;}
a:hover, a:focus, a:active {text-decoration:none;}

/* layout */
html, body{height:100%;}
#wrap{*position:relative;*height:100%;}
#header{position:relative;z-index:9999;width:100%;background-color:#333;}
.header_wrap{position:relative;margin:0 auto;z-index:10;;width:1000px;height:80px;background-color:#333;}
.logo{ position: absolute; z-index: 999999; padding-top: 14px; left: -106px; top: 1px; }


.header_left{position:absolute; top:0px ;left:0px;height:80px; background:#2f9ec9; width:50%}
.header_right{float:right; font-size:14px; font-weight:bold; color:#FFF; background:#2f9ec9; width:90px; padding:3px; text-align:center; display:block}

.header_right a:link{color:#fff}
.header_right a:visited{color:#fff}

/* nav_depth  */
.nav{position:absolute;z-index:99;top:46px;left:20px;width:850px;}
.nav li{float:left;padding-bottom:10px;}
.nav li a{margin:-10px;display:inline-block;color:#CCC;font-weight:bold;font-size:18px;letter-spacing:-1px;line-height:1.4;} /* 메뉴글자 스타일  */
.nav li a .txt_ls{letter-spacing:-2px}
.nav li a:hover .txt_ls{letter-spacing:-3px}
.nav li.on a, .nav li a:hover{color:#fff;font-weight:bold;text-decoration:none;letter-spacing:-1px;}
.nav_depth{display:none;position:relative;z-index:999;margin:22px 29px 0px -5px;padding-top:15px;*padding-top:5px;padding-left:15px;height:216px;*height:213px;}/* 메뉴위치 스타일  */
.nav_depth.on{display:block}
.nav_depth li{float:none;padding-bottom:0px;}
.nav_depth li a{margin:0px;padding:0px;color:#fff !important;font-size:14px;line-height:1.8;font-weight:normal !important}/* 서브메뉴위치 스타일  */
.nav_depth li a:hover{color:#000 !important;font-weight:bold !important;text-decoration:none;letter-spacing:-1px;}
.nav .list01_kor{width:175px;}
.nav .list02_kor{width:155px;}
.nav .list03_kor{width:170px;}
.nav .list04_kor{width:150px;}
.nav .list05_kor{width:125px;}

.nav .list01_eng{width:155px;}
.nav .list02_eng{width:191px;}
.nav .list03_eng{width:240px;}
.nav .list04_eng{width:150px;}
.nav .list05_eng{width:110px;}

.nav .list05 .nav_depth{margin-right:0;}
.nav_bg{display:none;position:absolute;z-index:1;width:100%;min-width:1100px;margin-top:3px;height:260px;background:#2f9ec9;filter:alpha(opacity=95);opacity: 0.95;-moz-opacity:0.95;}/* 서브메뉴배경 스타일  */
.nav_bg.over{display:block;}
.nav_bg_in{margin:0 auto;width:940px;overflow:hidden}


/* 중간 비주얼 영역 */
.visual_btn{ z-index:10;position:absolute;left:50%; margin-left:-590px;  top:200px;background:url(../00_Main/images/main_p.png) no-repeat; height:401px; width:600px; }
.con_01{font-size:20px; color:#4B4436; font-weight:bold;  position:relative; left:37%;  top:67px; width:150px}
.con_02{font-size:20px; color:#000; font-weight:bold;  position:relative; left:20%; top:100px; width:150px}
.con_03{font-size:20px; color:#4B4436; font-weight:bold;  position:relative; left:54%; top:20px; width:150px}
.con_04{font-size:20px; color:#4B4436 ; font-weight:bold;  position:relative; left:4%; top:60px; width:150px}
.con_05{font-size:20px; color:#060; font-weight:bold;  position:relative; left:38%; top:50px; width:150px}
.visual_btn a {text-decoration:none;cursor:pointer;}
.visual_btn a:link, a:visited {text-decoration:none;}
.visual_btn a:hover, a:focus, a:active {text-decoration:none;}



.banner_box02 { margin:0 auto;  HEIGHT: 700px; OVERFLOW: hidden }
/*.banner_box02 UL { POSITION: relative; MARGIN: 0px auto; WIDTH: 100% }
.banner_box02 UL LI { POSITION: absolute; WIDTH: 980px }
.banner_box02 .banner_box02_btn { POSITION: relative; MARGIN: 0px auto; WIDTH: 980px }*/
.banner_box02 .banner_box02_btn .btn_prev { POSITION: absolute; TOP: 266px; LEFT: -39px }
.banner_box02 .banner_box02_btn .btn_next { POSITION: absolute; TOP: 266px; RIGHT: -39px }


/*  공지사항  */
.noti_wrap{position:absolute;z-index:200; top:740px;width:100%; background:#333;filter:alpha(opacity=90);opacity: 0.90;-moz-opacity:0.95;padding:10px 0;}
.noti_btn_wrap{width:1000px; margin:0 auto; height:20px}
.noti_con{float:left; color:#0FF; font-size:15px; font-weight:bold; padding-right:5px;line-height:140% }
.noti_subject{float:left; color:#FFF; font-size:12px; padding-left:10px; line-height:190%}
.data{float:left;color:#3CF; font-size:11px;padding-left:5px;line-height:190%}
.cems_btn{float:right; vertical-align:middle}



.M_contents{width:100%; background:url(../00_Main/images/con_bg.jpg) ; height:110px; position:absolute;top:780px; z-index:300;}
.contents_wrap{width:1000px; overflow:hidden; margin:0 auto; margin-top:10px}

/*  보도자료  */
.M_press{width:255px; padding:5px 30px 0 10px; float:left}
.title{font-size:13px; font-weight:bold; color:#FFF; float:left; width:200px; text-align:left; margin-bottom:10px}
.more{text-align:right; margin-top:5px}
.M_press_con{clear:both; overflow:hidden}
.M_press .photo{float:left; margin:10px 10px 0 0}
.M_press .text{ font-size:11px;line-height:130%; margin:10px 0; text-align:left}
.M_press .text a{color:#fff}

/*  인증현황/CEMS  */
.banner_01{float:left;width:240px }
.banner_wrap{float:left; width:150px}
.banner_01 .img{float:left; margin:15px 0 0 10px}
.banner_01 .title{color:#3CF; font-size:12px; font-weight:bold; padding-top:5px;}
.banner_01 .text{color:#fff; font-size:11px;line-height:130%; text-align:left; clear:both}

.banner_02{float:left;}
.banner_02 .img{float:left; margin:15px 5px 0 10px}
.banner_02 .title{color:#3CF; font-size:13px; font-weight:bold; padding-top:5px;}
.banner_02 .text{color:#fff; font-size:11px;line-height:130%; text-align:left; clear:both}
.banner_02 .btn{text-align:left; margin-top:5px}


/*  선박사진  */
.M_photo{width:225px; padding:5px 0px 10px 0; float:right}
.title{font-size:13px; font-weight:bold; color:#FFF; float:left; width:200px; text-align:left; margin-bottom:10px}
.more{text-align:right; margin-top:5px}
.M_photo_con{clear:both; overflow:hidden;}
.M_photo .photo li{ float:left; margin:10px 7px 0 0; display:inline}
.M_photo .photo .arrow{color:#FFF; display:block; line-height:300%; height:30px; font-size:12px}

/*  footer  */
.footer{ position: absolute; top: 887px; left:0px; width: 100%; height: 150px; font-size: 12px; background: #ccc; overflow: hidden; color: #666;  }
.foot_wrap{width:1000px; margin:0 auto; padding:10px;overflow:hidden}
.foot_logo{float:left; margin:20px 40px 0 0}
.foot_rigth{float:left;width:800px;}
.foot_menu{overflow:hidden; margin:20px 0; text-align:left;color:#666; font-weight:bold}
.foot_menu li{display:inline; padding:20px 5px 10px 20px}
.adr{margin:30px 0 10px 20px; text-align:left;font-size:11px ; font-weight:bold}
.copy{margin:10px 0 10px 20px; text-align:left; font-size:11px}





.blue{color:#007cbc}
.blue_b{color:#007cbc; font-weight:bold}
.bold_black{color:#333; font-weight:bold}




/* sub_footer  */
.sub_footer{width: 100%; height: 150px; font-size: 12px; background: #ccc; overflow: hidden; color: #666; margin-top:50px  }
.foot_wrap{width:1000px; margin:0 auto; padding:10px;overflow:hidden}
.foot_logo{float:left; margin:20px 40px 0 0}
.foot_rigth{float:left;width:800px;}
.foot_menu{overflow:hidden; margin:20px 0; text-align:left;color:#666; font-weight:bold}
.foot_menu li{display:inline; padding:20px 5px 10px 20px}
.adr{margin:30px 0 10px 20px; text-align:left;font-size:11px ; font-weight:bold}
.copy{margin:10px 0 10px 20px; text-align:left; font-size:11px}
.blue{color:#007cbc}