@charset "utf-8";

#header{position:absolute; top:0px; left:0px; width:100%;  background-color:#fff; background-color:rgba(255,255,255,1); z-index:999;border-bottom:2px solid #0060a1}
#headerInner{position:relative; width:100%; max-width:100%; width:100%; margin:0px auto;}
#headerInner .logo{position:absolute; top:0; left:6%; z-index:1; }
#headerInner .logo a{display:block; margin-top:30px; width:211px; height:34px; background:url(/common/img/common/logo.png) no-repeat; font-size:0; }

/* 헤더 :: Util 메뉴 */
#utilMenu{display:none; position:absolute; top:0; right:1.5%; padding-top:40px; text-align:right;}
#utilMenu a{color:#666; }
#utilMenu > div{display:inline-block;}
.user-menu-list a{opacity:0.7;filter:Alpha(opacity=70); font-size:12px; font-weight:300}
.user-menu-list a:first-child{margin-right:15px;}
.user-menu-list a:hover{opacity:1.0;filter:Alpha(opacity=100); border-bottom-color:#0060a1;}
.user-lang-select a{display:inline-block; font-size:15px; font-weight:400; padding-bottom:9px; border-bottom:2px solid transparent; margin-left:20px;}
.user-lang-select a:hover,.user-lang-select a.on{border-bottom-color:#0060a1; transform: }


.gnb-open-btn{position:absolute; top:50%; right:2%; visibility:hidden; opacity:0;filter:Alpha(opacity=0); transform:translateX(100%); -moz-transform:translateX(100%);}
#gnbM{/* width:86%; */ width:300px; height:100%; position:fixed; top:0px; right:-100%; max-width:550px; background-color:#0060a1; z-index:99999; overflow-y:auto;
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
#gnbM.open{right:0px;}
.close-box{cursor:pointer; display:block; height:114px; line-height:114px; padding:0 5%; border-bottom:1px solid #5494c0; text-align:right;}


/* 헤더 :: GNB */
#gnb{height:90px; }
#header.fixed{background-color:#fff; }
#header.fixed #headerInner .logo a{background-image:url(/common/img/common/logo.png)}
#header.fixed #gnb > ul > li > a > span{color:#2c2c2c}
#header.fixed #utilMenu a{color:#2c2c2c;}
#header.fixed .user-lang-select a:hover,#header.fixed .user-lang-select a.on{border-bottom-color:#0060a1;}


/* FIXED STYLE */
#header.fixed{background-color:#fff; border-bottom:2px solid #0060a1}
#header.fixed #headerInner .logo a{background-image:url(/common/img/common/logo.png)}
#header.fixed #gnb > ul > li > a > span{color:#2c2c2c}
#header.fixed #utilMenu a{color:#2c2c2c;}
#header.fixed .user-lang-select a:hover,#header.fixed .user-lang-select a.on{border-bottom-color:#0060a1;}
/*#header.fixed .menu-icon{top:40px;}*/

/* top 메뉴 */
	
nav{ position: relative; width: 100%; height: 90px; margin: 0 auto; color: #000; }
nav:after{ content: ""; display: block; width: 100%; height: 0; clear: both; }



nav{line-height:2.0rem;  float:left; height: 90x; margin: 0 auto; color: #000; }
nav > ul { display:block; margin:0; text-align:center; /* padding-right:0px;  */}
nav ul > li{ display:inline-block; margin:0; }
nav > ul > li > a {display: block; height: 90px; line-height: 90px; color:#000; text-decoration:none; font-size:15px; padding:0px 30px; 	font-family:'Calibri', arial, sans-serif;}/* gesans-regular ￿￿￿￿ */
nav > ul > li.on>a{color:#007ac3; border-bottom:3px solid #007ac3; height:87px;}
nav .mega-menu { width:100%; top:90px; text-align:left; list-style: none; position:absolute; height:48px; background:#21599e;/*background:rgba(0,96,161,0.9);*/ padding:0 0 10px 0px; z-index:22; left:0; display:none;} 

nav > ul > li:nth-child(7).on {}
nav .mega-menu-7 { display:none; width:100%; top:55px; text-align:left; list-style: none; position:absolute; height:145px; background:#0060a1; padding: 20px 0px; z-index:22; left:0; }

/*nav .mega-menu li a { color:#fff; height:58px; line-height: 58px;}*/
.mega_wrap {margin:0 auto;  /*margin-left:auto; min-width:960px; max-width:1400px;overflow: hidden; padding-right:11.5%;*/ max-width:960px; z-index:9999999999;}
.mega1{display:none; text-indent: -999999999999999999999999999999999px;}
.mega2 {color:#fff; font-family:'Calibri', arial, sans-serif;  }
/*.mega2 {max-width:700px;  }*/ 
.mega2 li a{vertical-align:top; float:left;  /*width:170px;*/ font-size:14px; margin-right:23px;  height:58px; line-height: 58px;  color:#fff;}
.mega2 li a:hover{color:#04ddec; font-weight: bold; border-bottom:3px solid #04ddec; height:55px; line-height: 55px; }

.mega3 {float:right;margin-right: 1%;}
.mega3 img{  height: 80px; width: 250px;}
.mega1 {text-align: center; width:300px;   /* border-right: 1px solid rgba(255,255,255,0.2);*/  padding-right: 5%; margin: 0 5% 0 1%; box-sizing: content-box;}
.mega1 p {line-height:17px; font-size:13px; letter-spacing:-1px; color:rgba(255,255,255,0.5);    margin-top: 10px;}

.bx-wrapper {margin-top: 5px !important;}



nav ul li:nth-child(2) .mega-menu ul{margin-left:190px; }
nav ul li:nth-child(3) .mega-menu ul{margin-left:310px; }
nav ul li:nth-child(5) .mega-menu ul{margin-left:500px; }
nav ul li:nth-child(6) .mega-menu ul{margin-left:350px; }
nav ul li:nth-child(7) .mega-menu ul{margin-left:580px; }


@media (max-width:1280px) {
	nav > ul > li > a {padding: 13px 15px;}

	nav ul li:nth-child(2) .mega-menu ul{margin-left:280px; }
	nav ul li:nth-child(3) .mega-menu ul{margin-left:370px; }
	nav ul li:nth-child(5) .mega-menu ul{margin-left:500px; }
	nav ul li:nth-child(6) .mega-menu ul{margin-left:300px; }
	nav ul li:nth-child(7) .mega-menu ul{margin-left:560px; }


}
@media (max-width:1100px) {
	nav > ul > li > a {padding: 13px 10px;}
	.mega1 { padding-right: 1%; margin: 0 1%; }
	
}



hr{display:none;}






footer{position:relative; min-height:130px; background:#232323; width:100%;}
footer div.copyright{padding-top:30px; color:#fff; line-height: 20px;}
footer div.copyright a{color:#fff;}


@media all and (max-width:1100px){
	footer div.copyright{text-align: center; font-size:13px; padding:15px 5px;}
}



/* ========
	서브레이아웃
 ======== */

#container{margin-top:77px; }
#visual{overflow:hidden; position:relative; display:table; width:100%; height:182px;}
#visual > div{/* position:relative; */ display:table-cell; vertical-align:middle; text-align:center; color:#fff;  }
#visual > div img{width:80%;}
#visual > div .visual-tit{display:inline-block; font-size:40px; letter-spacing:-0.75px; font-weight:400; padding:35px 0 26px; position:relative; z-index:1;}
#visual > div .visual-txt{font-size:13px; opacity:0.73;filter:Alpha(opacity=73); font-weight:300; position:relative; z-index:1;}



#middleArea{padding:70px 0; }
#content_title{position:relative;  text-align:center;}
#content_title h3{display:inline-block; font-family: 'NanumGothic';position:relative; top:1px; height:31px; padding:0 0 42px 0; border-bottom:1px solid #000000; color:#151515; font-size:50px; font-weight:bold; letter-spacing:-0.75px;}


#content{position:relative; padding:60px 0 0px 0; min-height:500px;}
/* #content img{max-width:100%;} */

@media all and (max-width:1400px){
	/* -------- 헤더 -------- */
	#headerInner .logo a{width:200px; background-size:100%; margin-top:35px;}
	#utilMenu > div{display:block;}
	#utilMenu > div.user-menu-list{position:absolute; top:5px; right:0px; width:150px;}
	#utilMenu > div.user-menu-list a{font-size:11px;}

	
}


@media (max-width:1400px) {
		nav > ul > li > a {padding: 0px 10px; }
}

@media (max-width:1280px) {
		nav > ul > li > a {padding: 0px 5px; }
}
@media (max-width:1100px) {
	nav > ul > li > a {padding: 13px 10px;}
	.mega1 { padding-right: 1%; margin: 0 1%;}
	/* #content img {width: 100%;} */
	
}


@media all and (max-width:1399px) {
	.area{width:100%;}
	#content{  width: 94%;    margin: 0px auto;}
}
@media all and (max-width:1100px){
	
	/* -------- 헤더 -------- */
	#headerInner{padding:60px 0 20px 0;}
	#headerInner .logo{position:static; margin-left:2%;}
	#headerInner .logo a{margin:0; margin-top:10px;}
	#utilMenu{display:block; top:0px; right:auto; overflow:hidden; width:96%; height:30px; left:0px; background-color:#000; padding:10px 2%;}
	#utilMenu > div.user-menu-list{float:left; position:static; width:auto;}
	#utilMenu > div.user-menu-list a{font-size:18px; line-height:30px; }
	#utilMenu > div.user-menu-list a:first-child{display:none;}
	#utilMenu > div.user-lang-select{float:right;}
	#gnb, .web{display:none;}
	.gnb-open-btn{visibility:visible; opacity:1;filter:Alpha(opacity=100); margin-top:2px; transform:translateX(0); -moz-transform:translateX(0);}
	.gnb-open-btn i{font-size:48px; color:#fff;}
	/* FIXED STYLE */
	#header.fixed{top:-50px;}
	#header.fixed .gnb-open-btn i{color:#2c2c2c;}
	/* -------- 푸터 -------- */
	.familysite-box{float:none; margin:0px auto;}
	#footerInner .foot-logo{display:none;}
	#footerInner .footer-address,#footerInner .footer-address dl{float:none; width:96%; margin:0 auto; text-align:center; font-size:11px; line-height:18px;}
	#footerInner .footer-address{margin:20px auto;}
	#footerInner .footer-address dd{margin-right:0;}
	#footerInner address{margin-top:15px;}
	.bottom-to-top-btn{position:static; margin:0px auto;}
	.index .bottom-to-top-btn{display:block;}
	/* -------- 사이트맵 -------- */
	/* MODAL LAYER */
	.modal-close-box{width:96%; }
	.modal-close-btn{margin:0; margin-top:2%;}
	.modal-close-btn img{width:32px;}
	.modal-inner-content{padding:2% 0;}
	/* -------- SUB 레이아웃 -------- */
	
	#content_title{width:96%; margin:0px auto;}
}

@media all and (max-width:768px){
	/* -------- 사이트맵 -------- */
	#sideTitCon{
		position:static; width:90%; height:auto; padding:10px 5%; background:none; background-color:#0060a1; font-size:24px; line-height:20px;
	}
	.side-tit-con strong{display:block; font-size:20px; font-weight:600; letter-spacing:-0.8px; color:#fff; opacity:0.6;filter:Alpha(opacity=60);}
	.side-tit-con span{color:#fff; font-size:12px; letter-spacing:-0.5px; font-weight:300;}
	#sitemapList{width:100%; height:auto ; box-shadow:none;}
	#sitemapList > ul{margin:0; padding:20px 5%;}
	#sitemapList > ul > li{width:33.33%;}
	#sitemapList > ul > li > a{font-size:20px; margin-bottom:20px;}
	#sitemapList > ul > li .sitemap-2dep {height:150px; padding-left:5%;}
	#sitemapList > ul > li .sitemap-2dep a{padding:5px 2%; font-size:12px; }
	

	/* -------- SUB 레이아웃 -------- */
	#container {    margin-top: 120px;}
	#visual{height:100px}
	#visual > div .visual-tit{padding-top:20px; font-size:32px}
	
	#visual > div .visual-btns{left:2%; top:55%; margin-left:0; width:96%;}
	#middleArea{padding:30px 0;}
	#content_title{width:96%; margin:0px auto;}
	#content_title h3{font-size:24px; padding:0 3% 20px 3%;}
}
	
@media all and (max-width:640px){
	/* -------- 헤더 -------- */
	#headerInner{padding:52px 0 10px 0}
	#headerInner .logo a{width:170px; height:36px}
	#utilMenu{height:22px;}
	#utilMenu > div a{font-size:12px !important;}
	#utilMenu > div.user-menu-list a{line-height:22px}
	.user-lang-select a{border-bottom-width:1px}
	.gnb-open-btn i{font-size:38px}
	/* FIXED STYLE */
	#header.fixed{top:-42px;}
	/* -------- SUB 레이아웃 -------- */
	#container { margin-top: 100px;}
	#visual{height:100px}
	#visual > div .visual-tit{padding-top:20px}
	#visual > div .visual-txt{display:none}
	#visual > div .visual-btns{top:60%;}
	#visual > div .visual-btns img{height:8px;}
	/* Sub Layout :: Location */
	
}


#container .sub_nav {background:#606060; }
#container .sub_nav .area {background:#606060;}

#container .sub_nav .area {height:48px;}
#container .sub_nav .area > ul {height:100%;}
#container .sub_nav .area > ul > li {float:left; position:relative; height:100%; margin-right:20px; background:url('/common/img/common/sub_nav_bu.png') no-repeat right 15px center;/*padding-right:44px; background:url('/common/img/common/sub_nav_bu.png') no-repeat right 15px center;*/ border-right:1px solid #737373;}
#container .sub_nav .area > ul > li:first-child {padding-left:4px; background:none; padding-right:5px;}
#container .sub_nav .area > ul > li > a {display:block; padding:15px 15px; font-family:'NotoKr'; border-left:1px solid #737373; }
#container .sub_nav .area > ul > li > a img {display:inline-block; padding-top:0px; border:0px; }
#container .sub_nav .area > ul > li button {display:block; height:100%; /*padding-right:60px;*/ width:100%; text-align: left;   color:#fff; font-size:15px; line-height:18px; }
#container .sub_nav .area > ul > li.active button, #container .sub_nav .wrap > ul > li.on button {background-image:url('../img/common/sub_nav_on.png'); font-weight:600; }
#container .sub_nav .area ul li .sub_nav_list {display:none; position:absolute; top:100%; left:-19px; width:100%; padding-left:19px; background-color:#fff; z-index:900;}
#container .sub_nav .area ul li .sub_nav_list {border-right:1px solid #737373; border-bottom:1px solid #737373; border-left:1px solid #737373;}
#container .sub_nav .area ul li .sub_nav_list li {margin-left:-10px; padding-left:0px; padding-right:0px; border-bottom:1px solid #e8e8e8;}
#container .sub_nav .area ul li .sub_nav_list li a {display:block; padding:12px 20px; background:url('../images/sub/subNav_list_off.png') no-repeat right 17px; color:#474747; font-size:15px; line-height:16px;}
#container .sub_nav .area ul li .sub_nav_list li.on a, #container .sub_nav .wrap ul li .sub_nav_list li.active a {background-image:url('../img/common/subNav_list_on.png'); font-weight:600;}

#container .sub_nav .area > ul > li:nth-child(2){width:210px;}
#container .sub_nav .area > ul > li:nth-child(3){width:180px;}
#container .sub_nav .area > ul > li:nth-child(4){width:200px;}


@media screen and (max-width:1200px) {
	#container .sub_nav .area > ul > li {width:33%; margin-right:0; padding-right:20px; padding-left:20px; border-right:1px solid #87a8e4; box-sizing:border-box; background:none;}
	#container .sub_nav .area > ul > li {border-right:1px solid #737373;}
	
	#container .sub_nav .area > ul > li:first-child {display:none;}
	#container .sub_nav .area > ul > li:nth-child(2) {width:34%;}
	#container .sub_nav .area > ul > li:nth-child(2) {border-left:1px solid #737373;}
	#container .sub_nav .area > ul > li:nth-child(3){width:auto;}
	#container .sub_nav .area > ul > li:nth-child(4){width:auto;}
	#container .sub_nav .area ul li .sub_nav_list {left:-1px; padding-left:0;}
	#container .sub_nav .area ul li .sub_nav_list li {margin-left:0; padding-left:0;}
	#container .sub_nav .area ul li .sub_nav_list li a {padding-left:23px;}
	#container .sub_nav .area > ul > li button {width:100%; text-align:left;}
}

@media screen and (max-width:640px) {
	#container .sub_nav .area {height:auto; padding-top:15px; padding-bottom:12px;}
	#container .sub_nav .area > ul > li {width:auto; /*max-width:31%;*/ margin-left:0; padding-right:0; padding-left:18px; box-sizing:border-box; background:url('../images/sub/sub_nav_m_bu.png') no-repeat 6px 5px; background-size:auto 8px; border-right:0 none !important;}
	#container .sub_nav .area > ul > li:first-child {display:block; max-width:7%; margin-left:0; padding-left:2px; background:none;}
	#container .sub_nav .area > ul > li > a {margin-top:-2px; padding-top:0;}
	#container .sub_nav .area > ul > li > a img {padding-top:0;}
	#container .sub_nav .area > ul > li:nth-child(2) {width:auto; border-left:0 none !important; margin-left:15px;}
	#container .sub_nav .area > ul > li button {cursor:default; width:auto; padding-right:0; background:none;}
	#container .sub_nav .area > ul > li.active button, #container .sub_nav .wrap > ul > li.on button {background:none;}
	#container .sub_nav .area > ul > li button:hover {text-decoration:none;}
	#container .sub_nav .area > ul > li > a {cursor:default;}
	#container .sub_nav .area ul li .sub_nav_list {display:none !important;}
}



@media screen and (max-width:400px) {
	
	#container .sub_nav .area > ul > li:nth-child(2) {display:none;}

}
/*개요 */
div.manage1 {text-align:center; }
div.manage1 .manage_t p:first-child {font-size: 43px; color:#043689; font-weight:300; font-family:'Noto Sans KR'; letter-spacing:-1px; }
div.manage1 .manage_t p:nth-child(2) {font-size: 20px; color:#333333; margin-top: 1.5%; font-family:'NS'; line-height: 25px;}

div.manage1 .manage_m {background: url("/common/img/sub/intro_bg.jpg") no-repeat 50% 50%;  margin-top:70px; padding:70px 0; color:#fff;  line-height: 28px}


.wrap_980 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}



/********** Tab **********/

.tabmenu_4depth{margin:0 0 20px; }
.tabmenu_4depth li{display:block;float:left;padding:0;background-color:#fff; border:1px solid #dedede; border-left:none; text-align: center;}
.tabmenu_4depth li:first-child{border-left:1px solid #dedede;}
.tabmenu_4depth li.on,.tabmenu_4depth li:hover{border-color-bottom:#ff6501; color:#ff6501;}
.tabmenu_4depth li a,.tabmenu_4depth li button{display:block;background:url('../images/common/tab_off.png') no-repeat left 50%;text-decoration:none;}
.tabmenu_4depth li a{height:70px;padding:0 0 0 0px;line-height:70px;}
.tabmenu_4depth li a span{display:block;height:70px;line-height:70px;}
.tabmenu_4depth li button{height:34px;margin:0;padding:6px 0 0 0px;border:0;}
.tabmenu_4depth li.on a,.tabmenu_4depth li:hover a,.tabmenu_4depth li.on button,.tabmenu_4depth li:hover button{background-image:url('../images/common/tab_on.png');color:#ff6501; }
.colWrap {width: 1400px;
    margin: 0 auto;
    position: relative;
}

@media all and (max-width:1399px) {
	.colWrap {width:100%;}
}
@media all and (max-width:800px) {
    .tabmenu_4depth li{padding:0 10px;}
}

@media all and (max-width:600px) {
  .btn1.color_03{font-size:11px;} 
}

/*
@media all and (max-width:667px) {

	.tabmenu_4depth{padding:10px;border:1px solid #555;border-right:none;border-left:none;}
    .tabmenu_4depth.type2{padding:20px;}
    .tabmenu_4depth li,.tabmenu_4depth.type2 li{padding:0 10px;background-color:transparent;border:none;}
    .tabmenu_4depth li:first-child,.tabmenu_4depth.type2 li:first-child{border-left:none;}
    .tabmenu_4depth li.on,.tabmenu_4depth.type2 li.on{background-color:transparent;border:none;}
    .tabmenu_4depth li a,.tabmenu_4depth.type2 li a{padding:0 0 0 10px;color:#333;}
    .tabmenu_4depth li button{padding:6px 0 0 10px;color:#333;}
    .tabmenu_4depth li.on a,.tabmenu_4depth li.on button,.tabmenu_4depth.type2 li.on a{background-image:url('../images/common/tab_off.png');color:#3c66a7;font-weight:600;}
}
*/
@media all and (max-width:800px) {
    .tabmenu_4depth{}
	.tabmenu_4depth li a{height:50px; line-height: 50px;}
    .tabmenu_4depth.type2{padding:0;background:none;border:0;}
    .tabmenu_4depth li,.tabmenu_4depth.type2 li{display:none;float:none;width:100%;box-sizing:border-box; border-left:1px solid #dedede; text-align: left;}
    .tabmenu_4depth li.on,.tabmenu_4depth.type2 li.on{display:block;}
    .tabmenu_4depth li.on,.tabmenu_4depth li:hover,.tabmenu_4depth.type2 li.on{background-color:#f7f7f7;border:1px solid #777;}
    .tabmenu_4depth li.on a,.tabmenu_4depth li:hover a,.tabmenu_4depth.type2 li.on a{background:url('/common/img/portal_on.png') no-repeat 97% 50%;color:#3c66a7;}
}



.col2{ width:49.8%; }
.col3{ width:33.1%; }
.col4{ width:25%; }
.col5{ width:19.9%; }
.col6{ width:16.6%; }
.col7{ width:14.2%; }
.col8{ width:12.2%; }




@media all and (max-width:1300px) {

	.col7{ width:24.5%; }
	.col7:nth-child(5n){  border-left:1px solid #dedede; }
}


@media all and (max-width:1200px) {
	.col5{ width:19%; }
	
}









.top_btn1 {display:none; position: fixed; cursor: pointer; background: url(/common/img/sub/btn_go-top.png) no-repeat; width: 90px;  height: 90px; bottom: 80px;    right: 1%;  text-indent: -88888888888px;}

@media screen and (max-width: 1000px){
	.top_btn1{display:block;}
	.top_btn1 { left: auto; margin-left: 0; right: 10px;}
}


/* 메인 footer
#container + #footer{position:fixed;left:0;bottom:-155px;z-index:1;transition: all 0.5s ease;}
#container + #footer.on{bottom:0} */

.step_a{position:relative; background:url(/common/img/sub/step_bg.jpg) no-repeat 0 0; height:806px;}

.area_yachtSalesList{position:relative;float:left;margin:0 2% 2% 0}
.area_yachtSalesList:nth-child(4n){margin:0 0 2% 0}


.area_yachtSalesList > p{overflow:hidden}
.area_yachtSalesList > p img{ vertical-align: middle; border:2px solid #fff;}
.area_yachtSalesList > p img:hover{border:2px dotted #002e6d;  box-sizing:border-box; }

.area_yachtSalesList:nth-child(1) > p img{border:none; }
.area_yachtSalesList:nth-child(1) > p img:hover{border:none; }


.area_yachtSalesList > div{height:70px;border:1px solid #e5e5e5;box-sizing:border-box;background:#fff}
.area_yachtSalesList > div:after{display:block;content:"";clear:both}

.area_yachtSalesList > div h4{float:left;font-family:"Montserrat","NS";font-size:20px;line-height:64px;text-indent:20px}

.area_yachtSalesList > div span{float:right;display:block;height:44px;margin:12px 10px 0}
.area_yachtSalesList > div span:before{display:block;float:left;content:"";width:1px;height:15px;background:#e4e4e4;margin:15px 10px 0}

.area_yachtSalesList .border{position:absolute;top:0;left:0;display:none;width:100%;border:1px solid #000;box-sizing:border-box}
.area_yachtSalesList .border a{display:block;width:100%;height:100%}









.view_perform{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:9999}
.view_perform .cnt_perform{position:fixed;width:1200px;height:auto;z-index:9999 !important; }
.view_perform .cnt_perform .slide_perform{width:100%}
.slide_perform .bx-controls .bx-controls-direction a{position:absolute;top:40px;width:66px;height:66px;text-indent:9999px; z-index:999999999999999999999999999;}
.slide_perform .bx-controls .bx-controls-direction .bx-prev{left:33px;background: url("/common/img/sub/btn_exteriorPrev.png") no-repeat 0 0;}
.slide_perform .bx-controls .bx-controls-direction .bx-next{left:99px;background: url("/common/img/sub/btn_exteriorNext.png") no-repeat  0 0;}
.slide_perform ul li{position:relative;}
.slide_perform ul li .bg_slide{display:block;width:100%;height:100%}
.slide_perform ul li .txt_slide{position:absolute;left:0;bottom:0;padding:35px 50px}
.slide_perform ul li .txt_slide .sub_txt_slide{display:block;font-size:15px;line-height:58px;letter-spacing:-0.025em;color:#fefefe}
.slide_perform ul li .txt_slide .tit_txt_slide{display:block;font-size:31px;letter-spacing:-0.025em;font-weight:700;color:#fff}
.view_perform .cnt_perform .txt_perform{position:absolute;  z-index:999999;bottom:80px; right:0px; width:100%; }
.view_perform .cnt_perform .txt_perform:after{display:block;content:"";clear:both;}
.view_perform .cnt_perform .txt_perform dl{float:left;width:25%;text-align:center}
.view_perform .cnt_perform .txt_perform dl:before{display:block;float:left;content:"";width:1px;height:57px;background-color:#e7e7e7}
.view_perform .cnt_perform .txt_perform dl:first-child:before{display:none;}
.view_perform .cnt_perform .txt_perform dl dt{font-size:16px;line-height:16px;padding:0 0 22px 0;letter-spacing:-0.05em;color:#9d1e23}
.view_perform .cnt_perform .txt_perform dl dd{font-size:27px;line-height:30px;letter-spacing:-0.05em;font-weight:700;color:#373737}
.view_perform .cnt_perform .btn_close{position:absolute;right:30px;top:30px;width:29px;height:29px;border:0;background:url("/common/img/sub/btn_close.png") no-repeat;text-indent:-9999px;cursor:pointer; z-index:99999999999999999999999999;}
.bx-viewport{height: 100% !important;!i;!;overflow:hidden;}
.slide_perform ul li .bg_slide{overflow:hidden;}
.slide_perform ul li .bg_slide img{width:100%;}






.step_aaa1{position:absolute;top:274px;left:0; }
.step_aaa2{position:absolute;top:212px;left:150px; cursor:pointer;}

.step_aaa3{position:absolute;top:128px;left:360px; cursor:pointer;}
.step_aaa4{position:absolute;top:128px;left:610px; cursor:pointer;}
.step_aaa5{position:absolute;top:350px;left:630px; cursor:pointer;}
.step_aaa6{position:absolute;top:30px;left:910px; cursor:pointer;}
.step_aaa7{position:absolute;top:300px;left:870px; cursor:pointer;}
.step_aaa8{position:absolute;top:500px;left:870px; cursor:pointer;}
.step_aaa9{position:absolute;top:40px;left:1100px; cursor:pointer;} 
.step_aaa10{position:absolute;top:500px;left:1100px; cursor:pointer;} 

@media all and (max-width:1200px) {
	.step_a{position:relative; background:none; height:1500px; background:url(/common/img/sub/setep_001.png) no-repeat 50% 155px;}
	.area_yachtSalesList{position:relative;float:none;margin:0px;}
	.area_yachtSalesList:nth-child(2n){ padding-bottom:40px;}
	.area_yachtSalesList:nth-child(3n){ padding-bottom:40px;}
	.area_yachtSalesList:nth-child(4n){margin:0 0 0% 0; margin-top:80px;}
	.area_yachtSalesList:nth-child(7n){margin:0 0 0% 0; margin-top:-120px;}
	.area_yachtSalesList:nth-child(8n){margin:0 0 0% 0; margin-top:-120px;}




	.view_perform .cnt_perform{position:relative; width:100%; }	
	
	.step_aaa1{position:relative; display:block; top:0px; text-align: center;}
	.step_aaa2{position:relative; display:block; top:50px; left:0px;  text-align: center;}
	.step_aaa3{position:relative; display:block; top:80px; left:0px;  text-align: center;}

	.step_aaa4{position:relative; display:block; top:30px; left:0px; right:0px; }
	.step_aaa5{position:relative; display:block; top:0px; left:0px; right:0px; text-align: right;  }

	.step_aaa6{position:relative; display:block; top:50px; left:0px;   }
	.step_aaa7{position:relative; display:block; top:-110px; left:0px;  text-align: center;}
	.step_aaa8{position:relative; display:block; top:-190px; left:0px; text-align: right;}
	.step_aaa9{position:relative; display:block; top:0px; left:0px;   text-align: center;}
	
	.view_perform .cnt_perform .txt_perform{position:relative;  z-index:999999;top:0px; right:0px; left:0px; height:100%; }

}






@media all and (max-width:500px) {
	.step_a{position:relative; height:2000px;}
	
	.step_aaa6{text-align: center;   }
	.step_aaa7{position:relative; display:block; top:80px; left:0px;  text-align: center;}
	.step_aaa8{position:relative; display:block; top:10px; left:0px; text-align: center;}
	.step_aaa9{position:relative; display:block; top:50px; left:0px;   text-align: center;}
	.step_aaa9 img{width:90%;}
	.view_perform .cnt_perform .slide_perform{display:none;}
	
	.area_yachtSalesList:nth-child(7){margin:0 0 0% 0; margin-top:80px;}
	.area_yachtSalesList:nth-child(8n){margin:0 0 0% 0; margin-top:0px;}
}


.pc{}
.mob_img{display:none;}

@media all and (max-width:1200px) {

	.pc{display:none;}
	.mob_img{display:block; margin:0 auto;}

}




#header ul.lang {position:absolute; top:25px; right:6%; background:#fff; border:1px solid #ccc; height:35px; overflow:hidden; }
#header ul.lang li {background-image: url(/img/gijang/new_common/gnb_line.gif), url(/img/common/gnb_line.gif); background-position: right top, left top; background-repeat: no-repeat, no-repeat; padding-left:40px;}
#header ul.lang li a {background:url(/img/gijang/new_common/gnb_arrow.gif) no-repeat 72px 15px;  font-size:13px; color:#333; display:block; width:50px; line-height:35px; padding-left:10px;}
#header ul.lang li a:hover {color:#333;}
#header ul.lang li.ko{background:url(/common/img/common/ko.png) no-repeat 5px 5px;}
#header ul.lang li.en{background:url(/common/img/common/en.png) no-repeat 5px 5px;}
#header ul.lang li.ch{background:url(/common/img/common/ch.png) no-repeat 5px 5px;}
#header ul.lang li.ja{background:url(/common/img/common/ja.png) no-repeat 5px 5px;}
#header ul.lang li.ru{background:url(/common/img/common/ru.png) no-repeat 5px 5px;}
#header ul.lang li.sp{background:url(/common/img/common/sp.png) no-repeat 5px 5px;}

@media all and (max-width:1100px) {

	#header ul.lang {display:none;}	
	
}


/*안전환경보건*/
.hei50 {height:50px;}
.hei60 {height:60px;}
.hei70 {height:70px;}
.hei80 {height:80px;}
.hei90 {height:90px;}
.safe_01 {    float: left; width: 35%;}
.safe_01 img{width:100%;}
.safe_02 {    float: left; width: 60%; margin-left: 5%;}
.safe_pos {position: relative;text-align:center;/*padding: 80px 100px 100px 80px;border:35px solid #eaeaea;border-radius:100%;width:185px;height:185px;*/margin:0 auto;}
.safe_pos p img {display:block;text-align:center;    margin: 0 auto 10px;}
.safe_pos p{position:absolute; top:180px;left:44.6%; color:#fff; line-height:21px;}
.safe_line {/*position: absolute;top:122px;left:39.5%;*/ border:1px solid #ddd;padding:10px;border-radius:100%;height:185px;width:185px;}
.safe_in {background-color:#003471; text-align: center;padding:45px 10px;height:185px;width:185px; box-sizing:border-box;border-radius:100%;}
.safe_in p{color:#fff; font-size:21px;padding-top:10px;}
.safe_list li p .s_block {display:block;}
.safe_list .sa_nu {display:none;}
.safe_list li p{line-height:22px; font-size:14px;border-bottom:1px dotted #a8b5c5;padding-bottom:10px;}
.safe_list li:nth-child(1) p{position:absolute;top:-60px;left:49%;}
.safe_list li:nth-child(2) p{position:absolute;top:40px;right:-2%;}
.safe_list li:nth-child(3) p{position:absolute;top:200px;right:-18%;}
.safe_list li:nth-child(4) p{position:absolute;bottom:100px;right:-14%;}
.safe_list li:nth-child(5) p{position:absolute;bottom:-60px;right:-2%;}
.safe_list li:nth-child(6) p{position:absolute;bottom:-65px;left:7%;text-align:right;}
.safe_list li:nth-child(7) p {position:absolute;bottom:80px;left:-7%;text-align:right;}
.safe_list li:nth-child(8) p {position:absolute;top:200px;left:-10%;text-align:right;}
.safe_list li:nth-child(9) p {position:absolute;top:30px;left:-5%;text-align:right;}
@media all and (max-width:1400px) {
	.safe_pos {width:100%;}
	.safe_pos img{width:37%;}
	.safe_list li p {font-size:13px;}
	.safe_pos p img {display:none;}
	.safe_pos p{position:absolute; top:150px;left:44.7%; color:#fff; line-height:21px;}
	.safe_list li:nth-child(1) p{position:absolute;top:-60px;left:49%;}
	.safe_list li:nth-child(2) p{position:absolute;top:25px;right:6%;}
	.safe_list li:nth-child(3) p{position:absolute;top:140px;right:-5.5%;}
	.safe_list li:nth-child(4) p{position:absolute;bottom:40px;right:-6%;}
	.safe_list li:nth-child(5) p{position:absolute;bottom:-30px;right:1%;}
	.safe_list li:nth-child(6) p{position:absolute;bottom:-55px;left:-2%;text-align:right;}
	.safe_list li:nth-child(7) p {position:absolute;bottom:40px;left:-1%;text-align:right;}
	.safe_list li:nth-child(8) p {position:absolute;top:130px;left:1%;text-align:right;}
	.safe_list li:nth-child(9) p {position:absolute;top:0;left:4%;text-align:right;}
}
@media all and (max-width:1200px) {
.safe_list li:nth-child(3) p{position:absolute;top:140px;right:-2.5%;}
.safe_list li:nth-child(4) p{position:absolute;bottom:40px;right:-2%;}
}
@media all and (max-width:1000px) {
	.safe_pos {display:none;}
	.mo_h {display:none;}
	.safe_list .sa_nu {display: inline-block;border-radius: 5px;background: #a8bad0;float:left; width: 20px;height: 20px; color: #fff;
    font-size: 14px;padding: 2px 2px 4px 5px;margin-right:10px;}
	.safe_list li {margin-top:15px;}
	.safe_list li p .s_block {display:contents;}
	.safe_list li p {font-size:16px;}
	.safe_list li:nth-child(1) p{position:inherit;}
	.safe_list li:nth-child(2) p{position:inherit;}
	.safe_list li:nth-child(3) p{position:inherit;}
	.safe_list li:nth-child(4) p{position:inherit;}
	.safe_list li:nth-child(5) p{position:inherit;}
	.safe_list li:nth-child(6) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(7) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(8) p{position:inherit;text-align:left;}
	.safe_list li:nth-child(9) p{position:inherit;text-align:left;}
}
/*개요 */
div.manage1 {text-align:center; }
div.manage1 .manage_t p:first-child {font-size: 35px; color:#333; font-weight:bold; font-family:'NS';}
div.manage1 .manage_t p:nth-child(2) {font-size: 25px; color:#333333; margin-top: 1%; font-family:'NS';}
div.manage1 .manage_t .ma_tit01 {font-size: 25px!important; line-height:35px;}
div.manage1 .manage_t .ma_tit01 span {color:#dd0808;border-bottom:1px solid #dd0808;padding-bottom:3px;}
div.manage1 .manage_t .ma_tit02 {font-size: 25px!important;line-height:35px; important;font-weight:400!important;font-family: 'NS';margin-top: 10px!important;}

div.manage1 .manage_m {background: url("/common/img/sub/intro_bg.jpg") no-repeat 50% 50%;  margin-top:70px; padding:70px 0; color:#fff;  line-height: 28px}


.wrap_980 {
    position: relative;
    width: 1000px;
    margin: 0 auto;
}
@media all and (max-width:520px) {
	.safe_02 {width:100%;margin-left:0;}
	.safe_01{margin-bottom:30px;width:100%;}
}

@media all and (max-width:420px) {
	div.manage1 .manage_t .ma_tit01 {font-size: 18px!important;padding:15px;line-height:26px!important;}
	div.manage1 .manage_t .ma_tit02 {line-height:24px!important;font-size: 18px!important;}
	
}