@charset "utf-8";

.web_br {display:block;}
.mob_br {display:none;}
.mobnone {display:none;}

@media all and (max-width:1240px){
.mobnone {display:block;}
}

@media all and (max-width:1024px){
.web_br {display:none;}
.mob_br {display:block;}
}



/* ----- header ----- */
.nav-up {
    top: -145px !important;
}
#header { position:fixed; left:0; top:0; z-index:5000; width:100%; height:132px;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -ms-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
#header:after { content:""; opacity:0; visibility:hidden; position:absolute; left:50%; top:132px; z-index:1; width:100%; height:1px; background:#ececec;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%);
    -webkit-transition:opacity 0.3s;
    -moz-transition:opacity 0.3s;
    -ms-transition:opacity 0.3s;
    -o-transition:opacity 0.3s;
    transition:opacity 0.3s;	
}
#header .hd-logo { position:absolute; left:80px; top:36px; z-index:60;}
#header .hd-logo a { display:block; width:292px;  height:56px; background:url('../images/logo.png') no-repeat center; background-size:100%;	} 
  

#header .hd-menu .gnb-wrap { height:100%;}
#header .hd-menu .gnb-wrap .gnb { width: 90%; margin-left: 10%;display:flex; justify-content:center; align-items:center;height:100%; text-align:center;}
#header .hd-menu .gnb-wrap .gnb > li { display:flex; justify-content:center; align-items:center; position:relative; padding:55px 0; height:100%; width:190px;
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s;
}
#header .hd-menu .gnb-wrap .gnb > li:after { content:""; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#2888ff;
	-webkit-transform:translate(-50%);
	-moz-transform:translate(-50%);
	-ms-transform:translate(-50%);
	-o-transform:translate(-50%);
	transform:translate(-50%);
}
#header .hd-menu .gnb-wrap .gnb > li > a { display:flex; justify-content:center; align-items:center; font-size:22px;letter-spacing: -1.5px; font-weight:500;color:#fff; line-height:1;}
#header.on .hd-menu .gnb-wrap .gnb > li { width:260px;}
#header.on .hd-menu .gnb-wrap .gnb > li.on > a{ color:#2888ff ;} 
#header .hd-menu .gnb-wrap .gnb > li .depth { opacity:0; visibility:hidden; position:absolute; left:0; top:100%; padding-top:30px; min-width:260px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content:""; position:absolute; left:0; top:30px; width:1px; height:285px; background:#ececec;}
#header .hd-menu .gnb-wrap .gnb > li:first-child .depth:before {display:none;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a { display:block; padding:4px 10px; font-size:17px;letter-spacing: -0.5px; font-weight: 400;color:#666; letter-spacing:-0.5px; line-height: 1.4;} 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a > span {position:relative;} 
#header .hd-menu .gnb-wrap .gnb > li.open .depth { display:block;} 
#header .hd-menu .gnb-wrap .gnb > li.open > a:after { top:28px; border-left:2px solid #999; border-top:2px solid #999;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);	
} 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{color:#666}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.active > a,
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.on > a{color:#2888ff;} 
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li:hover > a{text-decoration: underline; text-underline-position: under;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li.open > a:after { 
	-webkit-transform:rotate(-180deg);
	-moz-transform:rotate(-180deg);
	-ms-transform:rotate(-180deg);
	-o-transform:rotate(-180deg);
	transform:rotate(-180deg);
}


#header .blind-bg { position:absolute; display:none; left:0; top:113px;border-top: 1px solid #dfdfdf; width:100%; height:280px; background: #fff;  z-index:13;box-shadow: 0px 7px 7px rgba(0,0,0,.1);}
#header .allmenu-btn {
display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 9999;
  right: 80px;
  top: 55px;
  cursor: pointer;
}
#header .allmenu-btn a{position:relative;display:block;width:24px;height:23px;transition:top 0.25s ease}
#header .allmenu-btn a span{position:absolute;left:0;top:0;display:block;width:24px;height:2px;background:#fff;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
#header .allmenu-btn a span:first-child{top:0px}
#header .allmenu-btn a span:nth-child(2){top:8px}
#header .allmenu-btn a span:nth-child(3){width: 15px;top:17px;}
#header .allmenu-btn.off {background:none;}
#header .allmenu-btn.off span {background:#fff !important;}
#header .allmenu-btn.off span:first-child{top: 10px;transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
#header .allmenu-btn.off span:nth-child(2){display:none;}
#header .allmenu-btn.off span:nth-child(3){width:24px;top: 10px;visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
#header.on .allmenu-btn a span, #header.reverse .allmenu-btn a span {background:#010c2a;}
#header .all_menu_wrap {display: none;}
#header .all_menu {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-width: 1280px;
   height: 100vh;
    background: rgba(30,50,90,.97);
}

#header .all_menu_header {
	width: 100%;
	margin: 0 auto;
    padding: 40px 82px;
    box-sizing: border-box;
}
#header .all_menu_logo {}

#header .all_menu_gnb {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 78%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

#header .all_menu_gnb > ul {display:flex;}
#header .all_menu_gnb .all_menu_depth01 {
	width: calc(25% - 35px);
    font-size: 32px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .92;
    color: #fff;
}
#header .all_menu_gnb .all_menu_depth01 span { font-weight: 500;cursor:default;opacity: .9; color: #fff;}
#header .all_menu_gnb .all_menu_depth01:hover span {opacity:1;}

#header .all_menu_gnb .all_menu_depth01 {
    margin-left: 35px;
}
#header .all_menu_gnb .all_menu_depth01:first-child {margin-left:0;}

#header .all_menu_gnb .all_menu_depth01 .all_menu_depth02 {
    margin-top: 30px;
    padding-top: 25px;
    border-top: 2px solid rgba(255,255,255,.4);
	line-height: 1.4;
}

#header .all_menu_gnb .all_menu_depth01:hover .all_menu_depth02 {
    border-top: 2px solid rgba(255,255,255,1);
}

#header .all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a {
    font-size: 18px;
    -webkit-transition: all ease .1s;
       -moz-transition: all ease .1s;
        -ms-transition: all ease .1s;
         -o-transition: all ease .1s;
            transition: all ease .1s;
    opacity: .7;
    color: #fff;
}

#header .all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a:hover {
    opacity: 1;font-weight:500;
}

#header .all_menu_gnb .all_menu_depth01 .all_menu_depth02 li + li {
    margin-top: 0px;
	line-height: 1.4;
}

#header .all_menu_gnb:after {
    display: block;
    clear: both;
    content: '';
	}

#header.on { overflow:hidden; height:470px; background:#fff; -webkit-box-shadow:1px 1px 25px rgb(67 67 67 / 10%); box-shadow:1px 1px 25px rgb(67 67 67 / 10%);}
#header.on:after { opacity:1; visibility:visible;}
#header.on .hd-logo a { background-image:url('../images/logo-on.png');}
#header.on .hd-menu .gnb-wrap .gnb > li > a { color:#666666;}
#header.on .hd-menu .gnb > li .depth { opacity:1; visibility:visible;
	-webkit-transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-ms-transition:all 0.2s;
	-o-transition:all 0.3s;
	transition:all 0.3s;     
}


/* ----- header - reverse ----- */
#header.reverse {height:90px; background:#fff;box-shadow: 1px 1px 25px rgb(67 67 67 / 10%);}
#header.reverse.on {height:430px;}
#header.reverse:after {top:90px;}
#header.reverse .hd-logo {top: 18px;}
#header.reverse .hd-logo a { background-image:url('../images/logo-on.png');}
#header.reverse .hd-menu .gnb > li > a {  color:#666666;}
#header.reverse .hd-menu .gnb-wrap .gnb > li {padding: 35px 0;}
#header.reverse .allmenu-btn {top: 36px;}


/* Main Visual */
#mainVisual{overflow:hidden; height:777px; position:relative;}
.main-visual-wrapper{position:relative; height:100%; }
.main-visual-slider {
	overflow:hidden;
	width:100%;
	height:100%;
	background-color:#000;
}
.main-visual-slider .swiper-slide {
	overflow: hidden;
	color: #fff;
}
.main-visual-slider .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: -moz-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, black 0, transparent 50%, transparent 63%, rgba(0, 0, 0, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#c9000000', GradientType=0);
    transition: all 2.5s ease;
}
.main-visual-slider .swiper-slide-duplicate-active .overlay,
.main-visual-slider .swiper-slide-active .overlay {
    opacity: .7;
}
.main-visual-slider .swiper-slide .visual-img{position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:1649px; height:969px; width:100%; /* background-size:cover !important; */}
.main-visual-slider .swiper-container {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.main-visual-slider .slide-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-size: cover;
	background-position: center;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
}


.main-visual-item .visual-txt-con{position:relative;top: 0;width: 1600px;margin: 0 auto;z-index:11; color:#fff; font-size:19.5px;}
.main-visual-item .visual-txt-con span{display:block; }
.main-visual-item .visual-txt-con .main-visual-tit {position:relative;top:0;left:0;}
.main-visual-item .visual-txt-con .main-visual-tit span {
position: relative;
font-family: 'Roboto';
font-size:105px; 
line-height:0.9;
color:#fff; 
font-weight:bold;
background-image: linear-gradient(135deg,#e7f4ff 0%, #fff 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.main-visual-item .visual-txt-con .main-visual-tit span:after {
  background: none;
  content: attr(data-text);
  left: 0;
  position: absolute;
  text-shadow: 0 0 15px rgba(0,0,0,.25);
  top: 0;
  z-index: -1;
}
.main-visual-item .visual-txt-con .main-visual-txt{position:relative;top:0;left:0;opacity:1;margin-bottom: 25px;text-shadow: 0 0 10px rgba(0,0,0,.15);}
.main-visual-item .visual-txt-con .main-visual-txt span {
font-size: 32px;
  line-height: 26px;
  color: #fff;
  font-weight: 500;
  letter-spacing: -2px;
  padding-left: 4px;
}
@media all and ( min-width: 1921px ) , ( min-height: 969px ), ( max-width: 1366px) {
	.main-visual-slider .swiper-slide .visual-img{height:100%; background-size:cover !important;background-position-x: 60% !important;}
	.main-visual-slider .swiper-slide .visual-img img{display:none}
}

.main-visual-pagination-wrap {width:1600px;height: 100%;margin:0 auto; }
.main-visual-pagination{position:absolute;height:680px; z-index:99;top: 100px;right:105px;border-right:1px solid rgba(255,255,255,.3);padding-right:23px;box-sizing: border-box;display: flex; flex-direction: column;padding-top: 12.5%;gap: 50px;}
.main-visual-pagination .main-visual-paging-item{position:relative;display:block;cursor:pointer;width:6px;height:6px;background:#fff;border-radius:50%;}
.swiper-pagination-bullet {opacity:1 !important;}
.swiper-pagination-bullet-active {}
.swiper-pagination-bullet-active:before {position:absolute;content:'';top:-8px;left:-8px;width:20px;height:20px;border:1px solid rgba(255,255,255,.3);border-radius:50%;}
.main-visual-pagination span img {display:none;}
.main-visual-pagination .swiper-pagination-bullet-active span{border-color:#fff}
.main-visual-pagination .swiper-pagination-bullet-active img{transform:scale(1.0)}
body.ie-browser .main-visual-pagination .main-visual-paging-item img{opacity:0.3}
body.ie-browser .main-visual-pagination .swiper-pagination-bullet-active img{opacity:1}


/* main contents */
.main-bg-gray {background:#f3f6f9;padding: 80px 0 90px 0;}

.box01-wrap {position:relative;}
.box01 {}
.box01-con {flex-direction: row-reverse;width:100%;display: flex;align-items: center;background: #fff;}
.box01-img {position:relative;width:50%;line-height: 0;overflow:hidden;display:flex;align-content: center;  justify-content: center;}
.box01-img img {width:100%;transition: all .3s;}
.box01-img span {display:none;}
.box01-img:hover img {transition: all .3s;transform: scale(1.07);}
.box01-img-link {display:none;}
.box01-img:hover .box01-img-link {
	content:'';
	display:flex;
	align-content: center;
  justify-content: center;
  position:absolute;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  z-index:99;
}
.box01-img-link div {
  position: absolute;
  top: calc(50% - 22px);
  border: 1px solid #fff;
  height: 40px;
  color: #fff;
  line-height: 40px;
  padding: 0 20px;
  font-size: 17px;
  letter-spacing: -0.5px;
  text-align:center;
  }

.box01-txt {width:840px;box-sizing:border-box;display: flex;flex-direction: column;cursor:default;}
.box01-txt > span {font-size:47px;line-height: 1;letter-spacing:-2px;font-weight:bold;color:#2a558d;margin-bottom:40px;}
.box01-txt > p {display:block;margin:0 0 10px 2px;font-size:30px;letter-spacing:-2px;font-weight:bold;color:#242424;background: #fff;}
.box01-txt div {padding-left: 4px;margin-bottom:200px;font-size:18px;line-height:1.7;letter-spacing:-1px;font-weight:300;color:#5d5d5d;}
.box01-pagination { width: 840px !important; display: flex;flex-wrap: wrap; height: 150px;position: absolute;z-index: 99; bottom:75px !important;left: 120px !important; }
.box01-pagination .swiper-pagination-bullet {position:relative;background: transparent; opacity: 1; width: 280px !important;height:75px;border-radius:0;border:none;border-bottom: 1px solid #eee;line-height: 75px; margin: 0 65px 0 0 !important; padding: 0 !important;}
.box01-pagination .swiper-pagination-bullet span {font-size:20px;font-weight:500;color:#333;letter-spacing:-1.5px;}
.box01-pagination .swiper-pagination-bullet-active span {color:#2a558d;}
.box01-pagination .swiper-pagination-bullet::before {display:none !important;}
.box01-pagination .swiper-pagination-bullet::after {content:'';position:absolute;top:calc(50% - 3px);right:32px;width:6px;height:10px;background:url('../images/box01-arr.png')no-repeat;}
/*.box01-pagination .swiper-pagination-bullet-active::after {background:url('../images/box01-arr-on.png')no-repeat;}*/

.box02-wrap {display: flex;gap: 80px;width: fit-content;margin:0 auto 45px auto;}
.box02-img {display: flex;width: 180px;height: 182px;background: #fff;border-radius: 70px;justify-content: center;align-items: center;box-shadow: 0 7px 0px #e2e6ec;box-sizing: border-box;border: 2px solid transparent;transition:.2s;}
.box02:hover .box02-img {border-color:#222f59;transition:.2s;}
.box02-tit {font-size: 22px;font-weight: 500;letter-spacing: -1px;color: #222f59;text-align: center;margin-top: 20px;}

.main-banner {display: flex;gap: 24px;margin: 0 120px;}
.main-banner-L {display: flex;  gap: 24px;width: calc(50% - 12px);}
.main-banner-L-left {width: calc(50% - 12px);border-radius: 15px;overflow: hidden;background: #d0c0ac;line-height: 0;}
.main-banner-L-left img {transition:.3s;width:100%;}
.main-banner-L-left:hover img {transition:.3s;transform: scale(1.07);}
.main-banner-L-right {width: calc(50% - 12px);display: flex;gap: 24px;flex-direction: column;}
.main-banner-L-right > a {
   display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  line-height: 0;
 }
.main-banner-R {width: calc(50% - 12px);display: flex;flex-wrap: wrap;gap: 24px;}
.main-banner-R > a {
  display:block;
  width: calc(50% - 12px);
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  }
.main-banner-R-box {line-height: 0;}
.main-banner-R-box img {width:100%;transition:.3s;}
.main-banner-R-box:hover img {transition:.3s;transform: scale(1.07);}
.main-banner-R-txt {width:100%;height: 100%;display: flex; flex-direction: column; justify-content: center;box-sizing:border-box;padding:55px;border-radius: 15px;border:3px solid transparent;transition:.2s;}
.main-banner-R-txt span {font-family: 'RobotoSemiCondensed';font-weight: 500;font-size: 20px;color: #777067;margin-bottom: 10px;}
.main-banner-R-txt p {font-size: 32px;font-weight: 500;letter-spacing: -2px;color: #242424;margin-bottom: 15px;}
.main-banner-R-txt div {font-size: 17px;letter-spacing: -1px;line-height: 1.6;color: #898989;word-break: keep-all;}
.main-banner-R-txt:hover {border-color:#777067;transition:.2s;}
.main-banner-R > a.main-banner-R-img1 {line-height:0;background:none;}
.main-banner-R > a.main-banner-R-img2 {line-height:0;background:none;width:100%;}

.main-bottom-wrap {width:100%;background: linear-gradient(to right,#566585 50%,#7c88a3 50%);}
.main-bottom {display: flex; width: 1680px; margin: 0 auto;}
.main-bottom-L {display: flex;padding: 60px 0px;box-sizing: border-box;background: #566585;width: 50%;}
.main-counsel {padding: 10px 90px 10px 0;border-right:1px solid #808ca4;}
.main-counsel p.tit01 {font-size: 26px;font-weight:bold;line-height: 1;color: #fff;letter-spacing: -1.5px;margin-bottom:15px;}
.main-counsel .tel {font-size: 31px;font-weight:bold;line-height: 1;color: #c1dbff;margin-bottom:35px;}
.main-counsel p.tit02 {font-size: 21px;font-weight:500;line-height: 1;color: #fff;margin-bottom:10px;}
.main-counsel .txt {font-size: 18px;font-weight:500;line-height: 1;color: #c1dbff;}
.main-counsel .txt:hover {text-decoration:underline;}
.main-noti {padding: 10px 90px 10px 90px;width: 100%;}
.main-noti p {font-size: 26px;font-weight:bold;line-height: 1;letter-spacing: -1.5px;color: #fff;margin-bottom:15px;}
.main-noti .txt {font-size: 17px;letter-spacing: -0.5px;line-height: 1.6;color:#fff;opacity:.65;margin-bottom:25px;}
.main-noti-btn {display: flex;gap: 15px;}
.main-noti-btn > a {width: 50%;padding: 10px 30px;border-radius: 30px;font-size: 18px;letter-spacing: -0.5px;font-weight: 500;color: #abb7c9;border: 1px solid #fff;transition:.2s;}
.main-noti-btn > a {background: transparent url('../images/noti-arr-off.png') no-repeat calc(100% - 32px) center;color: #abb7c9;border: 1px solid #abb2c2;}
.main-noti-btn > a:hover {background: #fff url('../images/noti-arr-on.png') no-repeat calc(100% - 32px) center;color: #222f59;border: 1px solid #fff;transition:.2s;}

.main-bottom-R {display:flex;justify-content: space-between;padding: 50px 0px 60px 90px;box-sizing: border-box;background: #7c88a3;width: 50%;}
.main-bottom-R > div {width: 145px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main-bottom-R > div img {}
.main-bottom-R > div p {cursor: default;font-size: 22px;letter-spacing:-1.2px;font-weight:500;line-height: 1;color: #fff;margin:12px 0 30px 0;}
.main-bottom-R > div a {position: relative;font-size: 15px;letter-spacing: -0.5px;letter-spacing: -0.5px;color: #222a39;padding: 10px 55px 10px 20px;background: #bbc4d6;border: 1px solid #6c7790;display: flex;align-items: center;border-radius: 25px;transition:.2s;}
.main-bottom-R > div a span {position: absolute;right:10px;display: inline-block;width: 28px;height: 28px;background: #6c7a98 url('../images/detail-plus-off.png') no-repeat center;border-radius: 50%;}
.main-bottom-R > div a:hover {background-color:#fff;transition:.2s;}
.main-bottom-R > div a:hover span {background: #6c7a98 url('../images/detail-plus-on.png') no-repeat center;}

/* top-btn */
.to-top-btn{
	position:fixed; 
	bottom:-100px; 
	right:15px; 
	display:block; 
	width:44px; 
	height:44px; 
	background-color:#fff; 
	text-align:center;
	color:#051b2c; 
	z-index:99;
	border:1px solid #ddd;
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
}
.to-top-btn.fixed{
	bottom:15px; 
	opacity:1.0;
	filter:Alpha(opacity=100);
}
.to-top-btn img {
	display:inline-block;
	position: relative;
	top: 10px;
	width:12px; 
	line-height:46px;
	transition:all 0.3s;
}
.to-top-btn:hover img {transform:translateY(-3px)}

/* footer */
#footer {
	background:#fff;
	width:100%;
	margin: 0 auto;
	padding:70px 120px 80px 120px;
	box-sizing: border-box;
	position: relative;
}
.copy_menu {margin-bottom:45px;}
.copy_menu a {
  display:inline-block;
  font-size: 16px;
  letter-spacing:-1px;
  line-height: 1;
  color: #444;
  position: relative;
  margin-right:28px;
}
.copy_menu a:before {
content:'';
position:absolute;
width:3px;
height:3px;
background:#ccc;
border-radius:50%;
right: -17px;
  top: 7px;
}
.copy_menu a:last-child {font-weight:500;}
.copy_menu a:last-child:before {display:none;}
.copy_menu a:hover {text-decoration:underline;}

.fSelectZone {position: absolute;display:block;width: fit-content; height: 48px; border-bottom:1px solid #e6e6e6;top:58px; right:120px;}
.f_site {height:48px; line-height:48px; text-align:left; padding: 0 180px 0 20px; color:#444;  font-size:15px;font-weight: 400;letter-spacing: -0.5px; cursor:pointer; background:url('../images/family_btn.png') calc(100% - 22px) 50% no-repeat;}
.fSelectZone.on .f_site {background:url('../images/family_btn_on.png') calc(100% - 22px) 50% no-repeat;}
.selectList {position: absolute;z-index: 50; left: 0px;bottom: 53px;width: 100%; background:#f8f8f8;  font-size: 14px;  padding:0;padding: 12px 0;height: fit-content;max-height: 200px;overflow-y: auto;box-shadow: 0 0 15px rgba(0,0,0,.2);}
.selectList li {padding:3px 0 2px 20px; text-align: left;}
.selectList li a {color: #323232;font-size:14px;letter-spacing:-0.5px;}
.selectList li a:hover {text-decoration:underline;}

.footer-sns {position:absolute;right:120px;display:flex;gap:15px;}
.footer-sns li {}
.footer-sns li a {display:flex;width:55px;height:55px;border-radius:50%;transition:.2s;}
.footer-sns li a.sns-insta {background:#ddd url('../images/insta-icon-off.png') no-repeat center;}
.footer-sns li a.sns-insta:hover {background:#ddd url('../images/insta-icon-on.png') no-repeat center;transition:.2s;}
.footer-sns li a.sns-youtube {background:#ddd url('../images/youtube-icon-off.png') no-repeat center;}
.footer-sns li a.sns-youtube:hover {background:#ddd url('../images/youtube-icon-on.png') no-repeat center;transition:.2s;}
.footer-sns li a.sns-blog {background:#ddd url('../images/blog-icon-off.png') no-repeat center;}
.footer-sns li a.sns-blog:hover {background:#ddd url('../images/blog-icon-on.png') no-repeat center;transition:.2s;}

ul.copy_add {display:inline-block;}
ul.copy_add li {float:left;margin-right:15px;line-height:27px;font-size:14px;color:#727272;}
.copyright {font-size:14px;line-height:1;color:#727272;}

@media all and (max-width:1700px) {
#header .hd-logo {top: 40px;left: 60px;}
#header .hd-logo a {width: 250px; height: 50px;}
#header .allmenu-btn {right:60px;}
#header .hd-menu .gnb-wrap .gnb {margin-left: 15%;}
#header .hd-menu .gnb-wrap .gnb > li {width: 165px;}
#header.on .hd-menu .gnb-wrap .gnb > li { width:200px;}
#header .hd-menu .gnb-wrap .gnb > li > a {font-size:20px;}
#header .hd-menu .gnb-wrap .gnb > li .depth {min-width: inherit;}
#header .hd-menu .gnb-wrap .gnb > li .depth > ul > li > a {font-size: 16px;}

.main-visual-item .visual-txt-con {width: 90%;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size: 95px;}
.main-visual-pagination {right:85px;}

.box01-txt {width: calc(50% - 60px);}
.box01-txt > span {font-size:42px;margin-bottom:25px;}
.box01-txt > p {font-size: 27px;}
.box01-txt div {margin-bottom: 140px;}
.box01-pagination {width: calc(50% - 60px) !important;height:125px;bottom: 45px !important;left:60px !important;}
.box01-pagination .swiper-pagination-bullet {width: 250px !important;margin: 0 30px 0 0 !important;height: 55px;line-height: 55px;}
.box01-pagination .swiper-pagination-bullet span {font-size: 18px;}

.main-bg-gray {padding: 80px 0;}
.box02-wrap {gap: 60px;}
.main-banner {margin: 0 45px;}
.main-banner-R-txt {padding: 35px;}
.main-banner-R-txt p {font-size: 27px;}

.main-bottom {width:100%;}
.main-bottom-L {padding: 40px 0 40px 60px;}
.main-counsel {padding: 10px 40px 10px 0;}
.main-counsel p.tit01 {font-size: 24px;font-weight: 500;}
.main-counsel .tel {font-size: 27px;margin-bottom: 25px;}
.main-noti {padding: 10px 40px 10px 40px;}
.main-noti p {font-size: 24px;font-weight: 500;}
.main-noti .txt {font-size: 16px;margin-bottom: 20px;}
.main-noti-btn > a {padding: 8px 20px;font-size: 16px;}
.main-bottom-R {padding: 40px 60px 40px 40px;}
.main-bottom-R > div p {font-size: 20px;margin: 10px 0 20px 0;}

#footer {width:100%;padding: 60px 60px 70px 60px;box-sizing: border-box;}
.fSelectZone {right:60px;}
.footer-sns {right:60px;}
}

@media all and (max-width:1440px) {
#header .hd-logo {left: 40px;}
#header .allmenu-btn {right:40px;}
.main-visual-pagination {right:65px;}

.box01-txt {width: calc(50% - 40px);}
.box01-txt > span {font-size:36px;margin-bottom: 15px;}
.box01-txt > p {font-size:24px;}
.box01-txt div {font-size: 17px;margin-bottom: 115px;}
.box01-pagination {height: 100px;left: 40px !important;bottom: 35px !important;}
.box01-pagination .swiper-pagination-bullet {width: calc(50% - 30px) !important;height: 45px;line-height: 45px;}

.box02-wrap {width: calc(100% - 80px);justify-content: space-between;gap: inherit;}
.box02-img {width: 165px; height: 167px;border-radius: 65px;}
.box02-img img {width: 40%;}
.box02-tit {font-size: 21px;}

.main-banner {margin: 0 40px;gap: 20px;}
.main-banner-R-txt p {font-size: 24px;}
.main-banner-R-txt div {font-size: 16px;}

.main-bottom-L {width: 55%;padding: 40px 0 40px 40px;}
.main-counsel {padding: 10px 25px 10px 0;}
.main-counsel p.tit01 {font-size: 21px;}
.main-counsel p.tit02 {font-size: 19px;}
.main-counsel .txt {font-size: 17px;}
.main-noti {padding: 10px 40px 10px 25px;}
.main-noti p {font-size: 21px;}
.main-noti-btn > a {background: transparent url('../images/noti-arr-off.png') no-repeat calc(100% - 20px) center;}
.main-noti-btn > a:hover {background: #fff url('../images/noti-arr-on.png') no-repeat calc(100% - 20px) center;}
.main-bottom-R {width:45%;padding: 40px;}
.main-bottom-R > div {width: fit-content;}
.main-bottom-R > div img {width:65px;}
.main-bottom-R > div p {font-size:18px;}
.main-bottom-R > div a {padding: 7px 40px 7px 15px;}
.main-bottom-R > div a span {right: 7px;width: 25px; height: 25px;}

#footer {padding: 60px 40px 70px 40px;}
.fSelectZone {right:40px;top: 50px;}
.footer-sns {right:40px;}
}

@media all and (max-width:1240px) {
#header {height:70px;}
#header .hd-logo {left:40px;top: 20px;}
#header .hd-menu .gnb-wrap {display:none;}
#header .header-link {display:none;}
#header .allmenu-btn {display:none;}
.btnMenu{position:absolute;right:40px;top:35px;z-index:998;display:block;width:25px;height:22px;transition:top 0.25s ease;border:none;background:none;cursor: pointer;}
.btnMenu span{position:absolute;left:0;top:0;display:block;width:25px;height:2px;background:#fff;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;-webkit-border-radius:2px;border-radius:2px}
.btnMenu span:first-child{top:0px}
.btnMenu span:nth-child(2){top:9px}
.btnMenu span:nth-child(3){top:9px;visibility:hidden}
.btnMenu span:nth-child(4){top:18px}
#header.reverse .btnMenu span, .btnMenu.on span {background:#010c2a;}
.btnMenu.on span:first-child,
.btnMenu.on span:nth-child(4){display:none;}
.btnMenu.on span:nth-child(2){transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.btnMenu.on span:nth-child(3){visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}
#mGnb{position:absolute;top:0px;padding-top:90px;left:-200%;text-align:left;width:100%;min-height:750px;background:#fff;z-index:95;transition:all 0.2s ease;}
#mGnb .mGnb-logo {position:absolute;top:18px;left: 40px;}
#mGnb .mGnb-logo img {width:250px;}
#mGnb nav{height:100%;overflow:auto; overflow-y:auto;}
#mGnb nav > ul li a{display:block;}
#mGnb nav > ul > li{position:relative;}
#mGnb nav > ul > li:first-child {border-top:1px solid #dfdfdf}
#mGnb nav > ul > li > a{position:relative;padding:0 35px 1px 35px;font-size:16px;color:#000;line-height:48px;font-weight:400;border-bottom:1px solid #dfdfdf}
#mGnb nav > ul > li.has-sub > a::after{position:absolute;top:50%;right:35px;margin-top:-11px;width:23px;height:23px;content:'';background:url('../images/mgnb_arrow.png') no-repeat center center / 100%}
#mGnb nav > ul > li.has-sub.open > a::after{transform:rotate(180deg)}
#mGnb nav > ul > li.open::after{background:url('../images/mgnb_arrow-on.png') no-repeat;background-position:center center;}
#mGnb nav > ul > li.open > a{}
#mGnb nav > ul > li > ul{display:none;padding:10px 0;border-bottom:1px solid #dfdfdf;background:#f4f4f4;}
#mGnb nav > ul > li > ul > li{position:relative;padding:0 35px;}
#mGnb nav > ul > li > ul > li > a{display:inline-block;font-size:15px;color:#222;line-height:32px;padding-right:18px;}
#mGnb nav > ul > li > ul > li.blank > a {background:url('../images/blank_icon.png') no-repeat 100% 52%;}
#mGnb .mGnb-menu-box {display: inline-block;width: calc(100% - 50px);margin: 15px 25px;}
#mGnb .mGnb-menu {position:relative;font-size:16px;color:#000;float: left;border: 1px solid #dfdfdf;padding: 12px 15px;width: calc(49% - 32px);background:#f4f4f4;}
#mGnb .mGnb-menu01 {margin-right:2%;}
#mGnb .mGnb-menu span {position:absolute;right:17px;}
#mGnb.on{left:0;}
#wrapper.fix{position:fixed}
.fixBg{display:none;position:fixed;top:120px;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:30}
.fixBg.on{display:block}

#mainVisual, .main-visual-wrapper {height:0;padding-bottom: 45%;}
.main-visual-slider .swiper-slide .visual-img{background-position: 70% !important;background-size: cover !important;}
.main-visual-slider .swiper-slide .visual-img img {display:none;}
.main-visual-item .visual-txt-con .main-visual-txt span {font-size: 21px;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size:70px;}
.main-visual-pagination {display:none;}

.box01-con {flex-direction: column;}
.box01-img {width:100%;}
.box01-txt {width:100%;padding: 40px;}
.box01-pagination {width:calc(100% - 80px) !important;}

.main-bg-gray {padding: 45px 0;}
.box02-wrap {justify-content: normal;flex-wrap: wrap;margin: 0 auto 25px auto;}
.box02 {width:33.33%;display: flex;align-items: center;gap: 15px;margin-bottom: 20px;}
.box02-img {width: 90px;height: 95px;border-radius: 30px;box-shadow: 0 3px 0px #e2e6ec;}
.box02-img img {width: 50%;}
.box02-tit {font-size: 18px;margin:0;}

.main-banner {flex-direction: column;}
.main-banner-L {width: 100%;gap: 20px;}
.main-banner-L-left {width: calc(50% - 10px);}
.main-banner-L-right {width: calc(50% - 10px);gap: 20px;}
.main-banner-R {width: 100%;gap: 20px;}

.main-bottom-wrap {background:none;}
.main-bottom {flex-direction: column;}
.main-bottom-L {width:100%;padding: 25px;}
.main-bottom-R {width:100%;padding: 25px;gap: 0px; justify-content: center;flex-wrap: wrap;}
.main-bottom-R > div {width: calc(50% - 12.5px);}
.main-bottom-R > div a {display:none;}

#footer {padding: 90px 25px 60px 25px;}
.copy_menu {width: fit-content;margin: 0 auto 15px auto;}
.copy_menu a:last-child {margin:0;}

.fSelectZone {position: relative;right: 0; top: 0;margin: 0 auto 25px auto;height: 40px;}
.f_site {height: 40px; line-height: 40px;padding: 0 90px 0 15px;background: url('../images/family_btn.png') calc(100% - 15px) 50% no-repeat;}
.fSelectZone.on .f_site {background:url('../images/family_btn_on.png') calc(100% - 15px) 50% no-repeat;}
.footer-sns {top: 30px;right: inherit;left: 50%;margin-left: -77.5px;gap: 10px;}
.footer-sns li a {width: 45px;height: 45px; font-size: 14px;}
.selectList {bottom: 40px;}

.copy_add_box {width: fit-content;margin: 0 auto 15px auto;}
ul.copy_add li {float:none;line-height: 1.6;margin:0;text-align: center;}
.copyright {width: fit-content;margin: 0 auto; line-height: 1.4;text-align:center;}
}


@media all and (max-width:768px) {
.mob_br {display:block;}
.web_br {display:none;}

#header {height:90px;}
#header .hd-logo {top: 20px;left: 25px;}
#header .hd-logo a {width: 195px;height: 40px;}
.btnMenu {right: 25px;top: 30px;}
#mGnb{padding-top:75px;}
#mGnb .mGnb-logo {top:20px;left: 25px;width: 195px;}
#mGnb .mGnb-logo img {width:195px;height:40px;}
.fixBg {top:75px;}

#mainVisual, .main-visual-wrapper {padding-bottom: 70%;}
.main-visual-item .visual-txt-con {width: calc(100% - 20px); left: 20px;}
.main-visual-item .visual-txt-con .main-visual-txt span {display:none;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size:32px;}

.box01-txt {padding: 25px;}
.box01-txt > span {font-size: 27px;margin-bottom: 10px;letter-spacing: 0;}
.box01-txt > p {font-size: 21px;}
.box01-pagination {width: calc(100% - 50px) !important; left: 25px !important;bottom: 30px !important;}
.box01-pagination .swiper-pagination-bullet {width: calc(50% - 7.5px) !important; margin-right: 15px !important;}
.box01-pagination .swiper-pagination-bullet:nth-child(2), .box01-pagination .swiper-pagination-bullet:nth-child(4) {margin-right:0 !important;}
.box01-pagination .swiper-pagination-bullet span {font-size: 16px;}
.box01-pagination .swiper-pagination-bullet::after {right:10px;}

.main-bg-gray {padding: 30px 0;}
.box02-wrap {width: calc(100% - 50px);}
.box02 {width:50%;gap: 10px;margin-bottom: 20px;flex-direction: column;}
.box02-img {width: 70px;height:73px;border-radius: 23px;}
.box02-img img {width:60%;}
.box02-tit {font-size: 17px;}

.main-banner {margin:0 25px;gap: 10px;}
.main-banner-L {gap: 10px;}
.main-banner-L-left {width: calc(50% - 5px);}
.main-banner-L-right {width: calc(50% - 5px); gap: 10px;}
.main-banner-R {gap: 10px;}
.main-banner-R > a {width: calc(50% - 5px);}
.main-banner-R-txt {padding: 15px;border: 2px solid #777067;}
.main-banner-R-txt span {font-size: 15px;margin-bottom:5px;}
.main-banner-R-txt p {font-size: 18px; word-break: keep-all;line-height: 1.4;margin-bottom:0;}
.main-banner-R-txt div {display:none;}

.main-bottom-L {flex-direction: column; gap: 30px 25px;}
.main-counsel {padding: 0 0 20px 0; border: none;border-bottom: 1px solid #808ca4;}
.main-counsel p.tit01 {font-size: 21px;}
.main-counsel .tel {margin-bottom: 20px;}
.main-noti {padding: 0;}
.main-noti p {font-size: 21px;}
.main-noti .txt {font-size: 15px;}
.main-noti-btn > a {padding: 8px 20px;font-size: 15px;background-position-x: calc(100% - 20px);}
.main-bottom-R {padding: 30px 25px 5px 25px;}
.main-bottom-R > div img {width: 55px;}
.main-bottom-R > div p {font-size: 17px; margin: 10px 0 25px 0;}
}



/***** sub layout *****/
.sub_visual{display:block; width:100%;position:relative;}

.sub_visual_wrap{position:relative;z-index:0;height:270px;overflow:hidden; }
.s_visual{
	width:100% !important;
	height:270px !important;
	background-position:center 0;
	background-repeat:repeat-x;
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
     transform: scale(1.1);
	-webkit-transition: all 1s linear 0s;
	-o-transition: all 1s linear 0s;
	transition: all 1s linear 0s;
}
.s_visual01 {background-image:url("../images/sub-visual01.jpg");}
.s_visual02 {background-image:url("../images/sub-visual02.jpg");}
.s_visual03 {background-image:url("../images/sub-visual03.jpg");}
.s_visual04 {background-image:url("../images/sub-visual04.jpg");}
.sub_visual_wrap.zoom .s_visual {
	width:100%;
	-webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 1s linear 0s;
	-o-transition: all 1s linear 0s;
	transition: all 1s linear 0s;
}
.s_visual_txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap:3px;
  
}
.s_visual_txt p {
  font-size: 54px;
  font-weight: 500;
  letter-spacing: -2.5px;
  color: #fff;
  margin-bottom: 5px;
  text-shadow: 0 0 10px rgba(0,0,0,.3);
}
.s_visual_txt .kor {
  font-size: 21px;
  color: #fff;
  letter-spacing: -0.5px;
  font-weight: 300;
}
.s_visual_txt .eng {
  font-size: 21px;
  letter-spacing: 1px;
  color: #b8deff;
  font-weight: 500;
  font-family: 'RobotoSemiCondensed';
}

.side-menu-tit {
  font-size: 50px;
  color: #262626;
  letter-spacing: -3px;
  font-weight: 500;
  text-align: center;
  padding-top:60px;
  margin-bottom: 15px;
}
.side-menu-inner{text-align:center; width:100%; height:75px; border-bottom:1px solid #e5e5e5;margin-bottom: 60px; background-color: #fff;}
.side-menu-inner .area {width: 100%;padding: 0 120px;box-sizing: border-box;}
.side-menu-inner ul{display:flex; width: fit-content;margin: 0 auto;gap: 5px;}
.side-menu-inner ul li{ min-width: 120px;} 
.side-menu-inner ul li > a{
	display:block; 
	display:table; 
	position:relative;
	width:100%;
	height:75px; 
	line-height:1.2; 
	color:#666; 
	font-size:16px; 
	letter-spacing:-0.7px; 
	font-weight:400; 
	word-break:keep-all;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.side-menu-inner ul li > a:before{
	position:absolute;
	bottom:-2px;
	left:50%;
	width:0;
	height:3px;
	background-color:#333;
	content:"";
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
.side-menu-inner ul li > a > span{display:table-cell; vertical-align:middle; padding:0 20px; }
.side-menu-inner ul li > a:hover, 
.side-menu-inner ul li.on > a{color:#000; font-weight:400;}
.side-menu-inner ul li > a:hover:before, 
.side-menu-inner ul li.on > a:before{width:100%; margin-left:-50%;}

.sub_container {border-bottom: 1px solid #ddd;}
.sub_location_wrap {width:100%;height:53px;background: #2888ff;}
.sub_location {position: relative;width: 1520px;height: 53px;display:block;vertical-align: top;font-size:16px;margin:0 auto;}
.sub_location .home_m {width:75px;height: 53px;float: left;border-right: 1px solid rgba(255,255,255,.5);overflow: hidden;}
.icons_m {display: inline-block;}
.icons_m span {background: transparent url("../images/icon_home.png") no-repeat scroll 0px 0px;}
.sub_location .home_m span {display: block;width: 13px;height: 15px;background-position: center 17px;padding: 60px 0px 0px; margin: 0px auto;}
.sub_location ul {display:flex;width: 100%;}
.sub_location ul li {white-space: nowrap;border-right: 1px solid rgba(255,255,255,.5);}
.sub_location ul li.location_home {padding: 19px 0 15px 0;background:none;width: 51px;text-align: center;border-left: 1px solid rgba(255,255,255,.5);}
.sub_location ul li a:link {color:#fff !important; text-overflow: ellipsis;  overflow: hidden;min-width: 160px;border-radius: 0px;border: none;font-size: 15px;background: #2888ff url("../images/sub_location_down.png") no-repeat calc(100% - 15px) 49%;}
.sub_location ul li a:link.fg-menu-open {background: #2888ff url("../images/sub_location_up.png") no-repeat calc(100% - 15px) 49%;}
.sub_location ul li.location_home a:link {border-right:none;background:none;}
.positionHelper {cursor:pointer;}

.fg-button { clear:left;  padding:0px 40px 0px 20px; line-height: 53px; text-decoration:none !important; cursor:pointer; position: relative; text-align:left;}
.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
a.fg-button { float:left;  }
button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
.fg-button-icon-left { padding-left: 2.1em; }
.fg-button-icon-right { }/* padding-right: 20px;  */
.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.fg-button-icon-right .ui-icon { left: auto; right:-15px; margin-left: 0; }
.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	

/****** fg.menu.css *******/
.fg-menu-container { position: absolute;z-index:99; top:54px !important;left: -1px !important;width:calc(100% + 2px) !important;box-sizing: border-box; padding: 0;  overflow: hidden;border: none !important;border-radius: 0px !important;}
.fg-menu-container.fg-menu-flyout { overflow: visible; }

.fg-menu, .fg-menu ul { list-style-type:none; padding: 0; margin:0; }

.fg-menu { position:relative; }
.fg-menu-flyout .fg-menu { position:static; }

.fg-menu ul { position:absolute; top:0; }
.fg-menu ul ul { top:-1px; }

.fg-menu-container.fg-menu-ipod .fg-menu-content, 
.fg-menu-container.fg-menu-ipod .fg-menu-content ul { background: none !important; }

.fg-menu.fg-menu-scroll,
.fg-menu ul.fg-menu-scroll { overflow: scroll;  overflow-x: hidden; }

.fg-menu li { clear:both; float:left; width:100%; margin: 0; padding:0; border: 0; }	
.fg-menu li li { font-size:1em; } /* inner li font size must be reset so that they don't blow up */

.fg-menu-flyout ul ul { padding: .4em; }
.fg-menu-flyout li { position:relative; }

.fg-menu-scroll { overflow: scroll; overflow-x: hidden; }

.fg-menu-breadcrumb { margin: 0; padding: 0; }

.fg-menu-footer {  margin-top: .4em; padding: .4em; }
.fg-menu-header {  margin-bottom: .4em; padding: .4em; }

.fg-menu-breadcrumb li { float: left; list-style: none; margin: 0; padding: 0 .2em; font-size: .9em; opacity: .7; }
.fg-menu-breadcrumb li.fg-menu-prev-list,
.fg-menu-breadcrumb li.fg-menu-current-crumb { clear: left; float: none; opacity: 1; }
.fg-menu-breadcrumb li.fg-menu-current-crumb { padding-top: .2em; }

.fg-menu-breadcrumb a, 
.fg-menu-breadcrumb span { float: left; }

.fg-menu-footer a:link,
.fg-menu-footer a:visited { float:left; width:100%; text-decoration: none; }
.fg-menu-footer a:hover,
.fg-menu-footer a:active {  }

.fg-menu-footer a span { float:left; cursor: pointer; }

.fg-menu-breadcrumb .fg-menu-prev-list a:link,
.fg-menu-breadcrumb .fg-menu-prev-list a:visited,
.fg-menu-breadcrumb .fg-menu-prev-list a:hover,
.fg-menu-breadcrumb .fg-menu-prev-list a:active { background-image: none; text-decoration:none; }
	
.fg-menu-breadcrumb .fg-menu-prev-list a { float: left; padding-right: .4em; }
.fg-menu-breadcrumb .fg-menu-prev-list a .ui-icon { float: left; }
	
.fg-menu-breadcrumb .fg-menu-current-crumb a:link,
.fg-menu-breadcrumb .fg-menu-current-crumb a:visited,
.fg-menu-breadcrumb .fg-menu-current-crumb a:hover,
.fg-menu-breadcrumb .fg-menu-current-crumb a:active { display:block; background-image:none; font-size:1.3em; text-decoration:none; }


.fg-menu a:link,
.fg-menu a:visited,
.fg-menu a:hover,
.fg-menu a:active { float:left; width:100%; box-sizing: border-box;padding: 11px 15px 11px 20px;text-decoration:none; outline: 0 !important;margin-top: -1px;border-radius: 0px;}

.fg-menu a:hover {background:#fff;border:1px #ddd solid;}

.fg-menu a { border: 1px #ddd solid; background:#fafafa;font-size:14px;color:#000;}

.fg-menu a.ui-state-default:link,
.fg-menu a.ui-state-default:visited,
.fg-menu a.ui-state-default:hover,
.fg-menu a.ui-state-default:active,
.fg-menu a.ui-state-hover:link,
.fg-menu a.ui-state-hover:visited,
.fg-menu a.ui-state-hover:hover,
.fg-menu a.ui-state-hover:active,
.fg-menu a.ui-state-active:link,
.fg-menu a.ui-state-active:visited,
.fg-menu a.ui-state-active:hover,
.fg-menu a.ui-state-active:active { border-style: solid; font-weight: normal; }

.fg-menu a span { display:block; cursor:pointer; }


 /* SUGGESTED STYLES - for use with jQuery UI Themeroller CSS */	
 
.fg-menu-indicator span { float:left; }
.fg-menu-indicator span.ui-icon { float:right; }

.fg-menu-content.ui-widget-content, 
.fg-menu-content ul.ui-widget-content { border:0; }


/* ICONS AND DIVIDERS */

.fg-menu.fg-menu-has-icons a:link,
.fg-menu.fg-menu-has-icons a:visited,
.fg-menu.fg-menu-has-icons a:hover,
.fg-menu.fg-menu-has-icons a:active { padding-left:20px; }

.fg-menu .horizontal-divider hr, .fg-menu .horizontal-divider span { padding:0; margin:5px .6em; }
.fg-menu .horizontal-divider hr { border:0; height:1px; }
.fg-menu .horizontal-divider span { font-size:.9em; text-transform: uppercase; padding-left:.2em; }

.pageShare a.btnShare{
	display: flex;
	justify-content: center;
    align-items: center;
	position: absolute;
	top: 0px;
	right: 160px;
	width: 53px;
	height: 53px;
	border-left: 1px solid rgba(255,255,255,.5);
}
.pageShare .shareIcon{
	display: block;
  position: absolute;
  top: 7px;
  right: 165px;
  padding: 0 15px;
  width: 50px;
  height: 40px;
  background: #fff;
  /*border: 1px solid #005cb9;*/
  border-radius: 21px;
  box-sizing: border-box;
  box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.1);
  opacity: 0;
  z-index: -1;
  overflow: hidden;
  transition-duration: 0.5s;
}
.pageShare .shareIcon a{display:inline-block;vertical-align:middle;padding:4px 8px;line-height:40px;}
.pageShare .shareIcon.active{width:135px;opacity:1;z-index:1;}

.zoomFunc {position: absolute;right: 54px;top: 0px;font-size:0px;display: inline-block;text-align: center;line-height: 53px;height: 53px;box-sizing: border-box;}
.zoomFunc a{display:inline-block;}
a.zoomNormal{font-size:14px;padding:0 10px;color:#000;}
a.zoomIn,
a.zoomOut{text-indent:-9999px;width:52px;height:53px;position:relative;vertical-align:bottom;border-left: 1px solid rgba(255,255,255,.5);}
a.zoomOut {border-right: 1px solid rgba(255,255,255,.5);}
a.zoomIn:before,
a.zoomIn:after,
a.zoomOut:before{content:"";display:block;width:12px;height:2px;background:#fff;position:absolute;}
a.zoomIn:before{left:20px;top:26px;}
a.zoomIn:after{left:25px;top:21px;width:2px;height:12px;}
a.zoomOut:before{left:20px;top:26px;}

.pageFunc a.btnPrint{display: inline-block;position: absolute;top: 0px;right: 0px;text-indent: -9999px;width: 53px;height: 53px;background:url('../images/btnPrint.png') no-repeat 16px 16px;border-right: 1px solid rgba(255,255,255,.5);}

.sub_contents {
	width: 1520px;
  margin: 0px auto 60px auto;
  /*padding-bottom: 80px;*/
  min-height:360px;
}
.sub_contents_tit {
	padding: 0px 0 0 0;
	margin-bottom: 50px;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: -2px;
  color: #1a1a1a;
  display: block;
  line-height: 1.2em;
  text-align: center;
}

.tab_menu {
	display: flex;
  width: 100%;
}
.tab_menu a {
	display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #ddd;
  margin-bottom: 60px;
  padding: 20px 0;
  font-size: 21px;
  font-weight: 500;
  color: #666;
}
.tab_menu a.on {
	border-bottom: 3px solid #2888ff;
  color: #000;
  font-weight: bold;
}


@media all and (max-width:1600px) {
.sub_visual_wrap {height:250px;}
.s_visual {height: 250px !important;background-size: cover;}

.sub_location {width: 100%;}
.sub_contents {width: 94%;padding: 0 3% 60px 3%;}

.side-menu-inner .area {padding:0;}
.side-menu-inner {height:auto;margin-bottom:45px;}
.side-menu-inner ul {max-width: 100%;flex-wrap: wrap;}
.side-menu-inner ul li {min-width: 100px;}
.side-menu-inner ul li > a {height: 50px;}
}

@media all and (max-width:1240px) {
.sub_visual_wrap {height:180px;}
.s_visual {height: 180px !important;}
.s_visual_txt p {font-size: 36px;margin:0;}
.side-menu-tit {font-size: 36px;}

.side-menu-inner ul {width:100%;}
.side-menu-inner ul li {width: calc(20% - 4px);}
.side-menu-inner ul li > a > span {padding: 0 10px;}

.sub_location_wrap {height:42px;}
.sub_location {width: 100%;height:40px;font-size:14px;}
.sub_location ul li.location_home {padding: 11px 0 6px 0;width:42px;}
.sub_location ul li a:link {font-size:14px;background-image: none;}
.sub_location ul li.location_home a {background:#fff;}
.sub_location ul li.dep2 span {width:145px;font-size:14px;line-height:42px;padding-left:12px;}
.fg-menu-container {top: 43px !important;background: none !important;width:calc(100% + 2px) !important;}
.fg-button {padding: 0px 10px;line-height: 42px;}
.fg-menu a:link, .fg-menu a:visited, .fg-menu a:hover, .fg-menu a:active {width:100%;padding: 9px 7px;}
.fg-menu a {font-size: 13px;}

.sub_contents {margin: 0px auto 45px auto;}
.sub_contents_tit {font-size: 36px;}

.pageShare a.btnShare {width:42px;height:42px;right: 0;}
.pageShare .shareIcon {padding: 0 10px;height: 32px;top: 5px; right: 40px;}
.pageShare .shareIcon.active{width:110px;}
.pageShare .shareIcon a {padding: 2px 6px;line-height: 38px;}
.zoomFunc, .pageFunc {display:none;}
}

@media all and (max-width:1024px) {
.pageShare a.btnShare {right: 0;}
.pageShare .shareIcon {right:5px;}
.pagePrint {display:none;}

.sub_contents_tit {font-size: 30px;margin-bottom: 35px;}
.side-menu-tit {font-size: 30px;padding-top: 40px;}
}

@media all and (max-width:768px) {
.side-menu-inner ul li {width: calc(33.33% - 3.5px);}
.side-menu-inner ul li > a {height: 40px;font-size: 15px;}
.side-menu-inner ul li > a::before {height: 2px;}

.fg-button {padding: 0px 8px;}
.sub_location ul li.location_home {display:none;}
.sub_location ul li a:link {background:none;min-width: 100px;font-size: 13px;}
.sub_location ul li a:link.fg-menu-open {background:none;}
.sub_contents {margin: 0px auto 30px auto;width: 100%;box-sizing: border-box;padding: 0 30px 0 30px;}
.sub_contents_tit {font-size: 23px;letter-spacing:-1.5px;margin-bottom: 30px;}

.tab_menu a {margin-bottom: 40px;padding-bottom: 15px;font-size: 17px;}
}


@media all and (max-width:360px) {
.sub_location ul li.location_dep a:link {font-size: 13px;padding:0 8px;}
}