@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; */height: 100%;}
#headerInner .logo{float: left;padding: 0 0 0 clamp(20px, 4.4vw, 80px);position: relative;z-index: 1;line-height: 102px;width: 100%;max-width: 290px;}
#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{float: left;text-align: center;width: calc(100% - 630px);height: 100%;!i;!;!u;!;}
nav > ul {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
    justify-content: space-evenly;
    max-width: 1600px;
    margin: 0 auto;
}
nav ul > li{display:inline-block;line-height: 80px;cursor: pointer;/* flex: 0 1 calc(100% / 7 - 7px); */height: 100%;position: relative;}
nav > ul > li:nth-child(4) {
    display: none;
}
nav ul > .depth1 {
}

.fp-viewing-sec01 nav ul > li{display: none;}
nav > ul > li > a {font-size: clamp(16px, 0.8vw, 20px);color: #fff;text-align: center;font-weight: 500;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;letter-spacing: -0.5px;line-height: normal;padding: 0 12px;}/* gesans-regular ��޴� */
nav ul > li a:hover{
    font-weight: 700;
}
.fp-viewing-sec05 nav ul > li a {color: #000;}
.fp-viewing-sec05 .mega2 li a {color: #9DA4B1;}
nav .mega-menu {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; */position: absolute;top: 96px;width: 100%;height: auto !important;left: 50%;transform: translateX(-50%) translateY(-20px);transition: transform 0.3s ease;border-radius: 8px;padding: 10px 20px;background: #fff;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.18);width: 170px;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; }

.header--active nav > ul > li > a {color: #000;}
/*nav .mega-menu li a { color:#fff; height:58px; line-height: 58px;}*/
.mega_wrap {/*margin-left:auto; min-width:960px; max-width:1400px;overflow: hidden; padding-right:11.5%;*/max-width: 1400px;margin: 0 auto;width: 100%;}
.mega1{display:none; text-indent: -999999999999999999999999999999999px;}
.mega2 {line-height: 20px;width: 100%;text-align: center;font-family: 'Pretendard';font-weight: 300;}
.mega2 li{width: 100%;line-height: 1.6em;}
/*.mega2 {max-width:700px;  }*/ 
.mega2 li a{
	display: block;
	margin: 0 auto;
	font-size: 16px;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	color: #9DA4B1;
	word-break: break-word;
	}
.mega2 li a:hover{    font-weight: 500;
	position: relative;
color: #01509e;}

.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(1) .mega-menu ul{}
nav ul li:nth-child(2) .mega-menu ul{}
nav ul li:nth-child(3) .mega-menu ul{}
nav ul li:nth-child(5) .mega-menu ul{}
nav ul li:nth-child(6) .mega-menu ul{}
nav ul li:nth-child(7) .mega-menu ul{}

@media (max-width:1540px) {
	#headerInner .logo{left:1.5%;}
	#header ul.lang{right:1.5%}
}


@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:590px; }
	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;}
}



/* ========
	���극�̾ƿ�
 ======== */

#container{/* margin-top: 77px; */}
#visual{
	/* overflow:hidden; */
	position:relative;
	display:table;
	width:100%;
	height: 465px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	position: relative;
	z-index: 4;
	}
#visual > div{}
#visual > div img{width:80%;}
#visual > div .visual-tit{
    position: absolute;
    text-align: left;
    width: 100%;
    left: 50%;
    bottom: 76px;
    transform: translate(-50%, -50%);
    color: #fff;
    line-height: 1.4em;
    letter-spacing: 2px;
    max-width: 1400px;
    font-size: clamp(24px, 5vw, 54px);
    font-weight: 500;
    font-family: 'TheJamsil';
    }
#visual > div .visual-txt{font-size:13px; opacity:0.73;filter:Alpha(opacity=73); font-weight:300; position:relative; z-index:1;}



#middleArea{min-height: clamp(60vh,2vw,80vh);padding: clamp(60px, 8vw, 135px) 0;}
#content_title{position:relative;  text-align:center;}
#content_title h3{display:inline-block; font-family: 'NanumSquare';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 screen and (max-width:1460px) {
	#middleArea{padding: clamp(60px, 8vw, 135px) 20px;}
	#visual > div .visual-tit{padding: 0 40px;}
	#container .sub_nav .area > ul{padding: 0 40px;}
}

@media all and (max-width:1400px){
	/* -------- ��� -------- */
	#headerInner .logo a{width:200px; background-size:100%; margin-top:27px;}
	#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; }


		#headerInner .logo{left:1.5%;}
}
@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{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 screen and (max-width:1024px) {
	#visual{height: 400px}
}

@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 {}
	#visual{height:360px}
	
	#visual > div .visual-btns{left:2%; top:55%; margin-left:0; width:96%;}
	#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 {}
	#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 {display: flex;flex-wrap: wrap;bottom: calc(76px + 100px);border-top-left-radius: 30px;border-top-right-radius: 30px;position: absolute;text-align: left;width: 100%;left: 50%;transform: translate(-50%, -50%);font-size: clamp(28px, 3vw, 42px);line-height: 1.4em;letter-spacing: 2px;max-width: 1400px;color: #fff;}
#container .sub_nav .area {}

#container .sub_nav .area {}
#container .sub_nav .area > ul {height:100%;display: flex;justify-content: flex-start;align-items: center;height: 60px;font-size: 25px;text-align: center;color: #fff;}
#container .sub_nav .area > ul > li {float:left;position:relative;height:100%;/*padding-right:44px; background:url('/common/img/common/sub_nav_bu.png') no-repeat right 15px center;*/}
#container .sub_nav .area > ul > li:first-child {/* background:none; */display: flex;justify-content: flex-start;align-items: center;width: 80px;height: 60px;font-size: 25px;text-align: center;color: #fff;}
#container .sub_nav .area > ul > li > a {display:block;padding: 0px 15px;font-family:'NotoKr';height: 100%;display: flex;align-items: center;}
#container .sub_nav .area > ul > li > a img {
    display: block;
}
#container .sub_nav .area > ul > li > a .mo {
    display: none;
}
#container .sub_nav .area > ul > li button {display: block;font-size: 17px;color: #fff;height: 60px;padding: 0 20px;line-height: 60px;font-weight: 500;font-family: 'TheJamsil';letter-spacing: -0.5px;width: 100%;text-align: left;}
#container .sub_nav .area > ul > li:nth-child(4){ display: none;}
#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: 0px;width:100%;/* padding-left:19px; */background-color:#fff;z-index: 1;}
#container .sub_nav .area ul li .sub_nav_list {border-right:1px solid #737373;border-bottom:1px solid #737373;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;border-top: 1px solid #e3e3e3;}
#container .sub_nav .area ul li .sub_nav_list li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;text-align: left;min-width: 220px;}
/* #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;text-align: left;} */
#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 .sub_nav_list li a{
	display: block;
	height: 50px;
	line-height: 50px;
	color: #000;
	font-weight: revert;
	font-size: clamp(14px, 2vw, 15px);
	padding-left: 20px;
	letter-spacing: -0.5px;
	}
#container .sub_nav .area > ul > li:nth-child(2){position: relative;float: left;min-width: 220px;/* padding: 0 20px; */height: 60px;z-index: 99;cursor: pointer;transition: all 0.3s;}
#container .sub_nav .area > ul > li:nth-child(2):after{
    content: '';
    display:block;
    position:absolute;
    top: 50%;
    right:15px;
    width:12px;
    height:12px;
    transform: translateY(-50%);
    background: url('/common/img/common/icon_sub_arrow--white.png') no-repeat center;!;!i;!;
    }
#container .sub_nav .area > ul > li:nth-child(3){position: relative;float: left;min-width: 220px;/* padding: 0 20px; */height: 60px;z-index: 99;cursor: pointer;transition: all 0.3s;}
#container .sub_nav .area > ul > li:nth-child(3):after{
	content: '';
	display:block;
	position:absolute;
	top: 50%;
	right:15px;
	width:12px;
	height:12px;
	transform: translateY(-50%);
	background: url('/common/img/common/icon_sub_arrow--white.png') no-repeat center;}
#container .sub_nav .area > ul > li:nth-child(4){width:180px;}
#container .sub_nav .area > ul > li:nth-child(1):before {
    display: block;
    content: '';
    width: 1px;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #d7d7d7;
    transform: translateY(-50%);
}
#container .sub_nav .area > ul > li:nth-child(2):before {
    display: block;
    content: '';
    width: 1px;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #d7d7d7;
    transform: translateY(-50%);
}

@media screen and (max-width:1200px) {
	#container .sub_nav .area > ul > li {}
	#container .sub_nav .area > ul > li {}
	
	#container .sub_nav .area > ul > li:first-child {/* display:none; */}
	#container .sub_nav .area > ul > li:nth-child(2) {}
	#container .sub_nav .area > ul > li:nth-child(2) {}
	#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:768px) {
	#container .sub_nav{bottom: 0 !important;background: #fff;transform: none !important;!i;!;!i;!;border-radius: 0 !important;!i;!;left: 0 !important;!i;!;border-bottom: 1px solid #cfcfcf;}
	#container  .sub_nav .area > ul > li button {
    color: #000;
}

#container .sub_nav .area > ul > li:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    background: url(/common/img/common/icon_sub_arrow--block.png) no-repeat center;
}
#container .sub_nav .area > ul > li:nth-child(3):after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0px;
	width: 12px;
	height: 12px;
	transform: translateY(-50%);
	background: url(/common/img/common/icon_sub_arrow--block.png) no-repeat center;
}
#container .sub_nav .area > ul > li > a .pc{display: none;}
#container .sub_nav .area > ul > li > a .mo{display: block !important;!i;!;}
}

@media screen and (max-width:640px) {
	#container .sub_nav .area {/* height:auto; *//* padding-top:15px; *//* padding-bottom:12px; */}
	#container .sub_nav .area > ul > li {}
	#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: 100%;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:580px) {
	#container .sub_nav .area > ul > li:nth-child(2){display: none;}
	#container .sub_nav .area > ul > li:nth-child(3){min-width: 180px;}
}

/* ����Ʈ ol*/
ol[class^="list_num"] li{padding-left:40px; font-size:17px;margin-top:13px;position:relative;line-height:24px; padding-bottom: 13px; border-bottom: 1px dotted #ddd;}
ol[class^="list_num"] >li:before {content: ''; position: absolute; left: 0; top:-2px; line-height: 18px; text-align: center; color:#5dafd5; font-size: 24px;}
ol[class^="list_num"] >li:nth-child(1):before {content: '01.';}
ol[class^="list_num"] >li:nth-child(2):before {content: '02.';}
ol[class^="list_num"] >li:nth-child(3):before {content: '03.';}
ol[class^="list_num"] >li:nth-child(4):before {content: '04.';}
ol[class^="list_num"] >li:nth-child(5):before {content: '05.';}
ol[class^="list_num"] >li:nth-child(6):before {content: '06.';}
ol[class^="list_num"] >li:nth-child(7):before {content: '07.';}
ol[class^="list_num"] >li:nth-child(8):before {content: '08.';}
ol[class^="list_num"] >li:nth-child(9):before {content: '09.';}
ol[class^="list_num"] >li:nth-child(10):before {content: '10.';}
ol[class^="list_num"] >li:nth-child(11):before {content: '11.';}
ol[class^="list_num"] >li:nth-child(12):before {content: '12.';}
ol[class^="list_num"] >li:nth-child(13):before {content: '13.';}
ol[class^="list_num"] >li:nth-child(14):before {content: '14.';}
ol[class^="list_num"] >li:nth-child(15):before {content: '15.';}
ol[class^="list_num"] >li:nth-child(16):before {content: '16.';}
ol[class^="list_num"] >li:nth-child(17):before {content: '17.';}
ol[class^="list_num"] >li:nth-child(18):before {content: '18.';}
ol[class^="list_num"] >li:nth-child(19):before {content: '19.';}
ol[class^="list_num"] >li:nth-child(20):before {content: '20.';}
ol[class^="list_num"] li:first-child{margin-top:0;}
ol[class^="list_num"] >li >ul {margin-top: 10px !important;background:rgba(255,255,255,1);/*border: 1px dashed #b3d1df;border-radius: 10px;padding: 15px;*/box-sizing: border-box;}
ol[class^="list_num"] >li >ul li {padding-left:10px;}
ol[class^="list_num"] >li >ul li:before {top: 6px;}




/*���� */
div.manage1 {text-align:center; }
div.manage1 .manage_t p:first-child {font-size: 35px; color:#333333; 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;}
	
}


/********** 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:1200px) {
	.col5{ width:19%; }
	.col7{ width:24%; }
	.col7:nth-child(5n){  border-left:1px solid #dedede; }
}


.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; width:200px;}
.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 > p img{ vertical-align: middle;}
.area_yachtSalesList > p:hover{border:2px dotted #002e6d; padding:2px; box-sizing:content-box; }

.area_yachtSalesList:nth-child(1) > p:hover{border:0px dotted #002e6d; padding:0px; box-sizing:content-box; }
*/

.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%}



/* perform �˾� */


.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; height:700px; left: 50% !important; top: 50% !important;  transform: translate(-50%, -50%);}
.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; /*top:0px; right:0px; height:100%;*/ left:0px; bottom: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{overflow:hidden;}
.slide_perform ul li .bg_slide{overflow:hidden;}
.slide_perform ul li .bg_slide img{width:100%;}
.slide_perform ul li .bg_slide video{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:400px; cursor:pointer;}
.step_aaa4{position:absolute;top:128px;left:630px; 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) {
	.area_yachtSalesList > p{width:auto;}
	.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(4) {/*background:url(/common/img/sub/setep_002.png) no-repeat left 0px;*/ margin:0 0 0% 0; margin-top:40px; }

	.area_yachtSalesList:nth-child(5n){margin:0 0 0% 0; /*margin-top:-180px;*/}
	.area_yachtSalesList:nth-child(5n) {/*background:url(/common/img/sub/setep_002.png) no-repeat right 0px;*/ }


	.step_aaa6{position:relative; display:block; top:80px; left:0px;   }
	.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:50px; 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:80px; left:0px;   }
	.step_aaa7{position:relative; display:block; top:-77px; left:0px;  text-align: center;}
	.step_aaa8{position:relative; display:block; top:-175px; 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:112px; 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:10px; left:0px;   text-align: center;}

	/*.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:1.5%;*/ 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;}	
	
}





#gnb_all > ul {
	height: 100%;
	background: #09192ef2;
	display: flex;
	width: 100%;
	padding: 0 clamp(20px, 6.4vw, 120px);
	flex: 100%;
	box-sizing: border-box;
	border: 0;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-evenly;
}

#gnb_all > ul > li {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #ffffff26;
	flex: 0 1 calc(100% / 7);
	overflow: hidden;
}
#gnb_all > ul > li:nth-child(4) {
    display: none;
}
#gnb_all > ul > li > a {
	font-size: clamp(24px, 2vw, 35px);
	margin: 0px clamp(20px, 4.4vw, 80px) 0 0;
	padding: 10px;
	display: block;
	position: relative;
	color: #ffffff;
	font-weight: 500;
	min-width: 300px;
	text-align: left;
}

#gnb_all > ul > li > ul {
	display: flex;
	gap: 0 clamp(8px, 2vw, 30px);
	flex-wrap: wrap;
	flex: 0 1 calc(100% - 200px);
}

.depth2 > ul {
	display: none;
}

#gnb_all > ul > li > ul > .depth2 > a {
	color: #fff;
	font-size: 17px;
	font-weight: 400;
	text-align: center;
}