@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: -132px !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:30px; z-index:60;}
#header .hd-logo a { display:block; width:232px;  height:70px; background:url('../images/logo.png') no-repeat center; background-size:100%;	} 
#header.on .hd-logo a { background:url('../images/logo-on.png') no-repeat center; } 


#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:240px;}
#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:240px; width:100%; }
#header .hd-menu .gnb-wrap .gnb > li .depth:before { content:""; position:absolute; left:0; top:30px; width:1px; height:185px; 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:16px;letter-spacing: -1px; 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 .header-link {
  font-family: 'RobotoSemiCondensed';
  position: absolute;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  border: 1px solid #fff;
  border-radius: 40px;
  padding: 12px 30px;
  top:44px;
  right: 152px;
  transition:all .2s;
}
#header .header-link:hover {
	background:#fff;
	border-color:#fff;
	color:#2888ff;
	transition:all .2s;
}
#header.reverse .header-link {top: 24px;}
#header.on .header-link, #header.reverse .header-link {border-color:#2888ff;color:#2888ff;}
#header.on .header-link:hover, #header.reverse .header-link:hover {background:#2888ff;color:#fff;}

#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:35px;height:23px;transition:top 0.25s ease}
#header .allmenu-btn a span{position:absolute;left:0;top:0;display:block;width:35px;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){width: 30px;top:8px}
#header .allmenu-btn a span:nth-child(3){top:17px;}
#header .allmenu-btn.off {background:none;}
#header .allmenu-btn.off span {background:#fff !important;}
#header .allmenu-btn.off span:first-child{width:30px;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:30px;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:365px; 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-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:320px;}
#header.reverse:after {top:90px;}
#header.reverse .hd-logo {top: 10px;}
#header.reverse .hd-menu .gnb > li > a {  color:#666666;}
#header.reverse .hd-menu .gnb-wrap .gnb > li {padding: 34px 0;}
#header.reverse .allmenu-btn {top: 36px;}


/* Main Visual */
#mainVisual{overflow:hidden; height:880px; 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: 1280px;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-s-tit {position:relative;top:0;left:0;}
.main-visual-item .visual-txt-con .main-visual-s-tit span {
font-family: 'Roboto';
font-size:32px; 
line-height:0.9;
color:#fff; 
font-weight:bold;
padding-left: 4px;
}
.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 {
font-size:60px; 
letter-spacing: -3px;
line-height:1;
margin: 25px 0 30px 0;
color:#fff; 
font-weight:bold;
}
.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: 19px;
  line-height: 1.8;
  color: rgba(255,255,255,.55);
  font-weight: 500;
  letter-spacing: -1px;
}
.main-visual-item .visual-txt-con .main-visual-btn {position:relative;top:0;left:0;margin-bottom: 100px;}
.main-visual-item .visual-txt-con .main-visual-btn a {
  font-size: 19px;
  letter-spacing: -1px;
  color: #fff;
  background: url('../images/main-visual-arr-btn.png') no-repeat 100% center;
  padding-right: 45px;
  transition:.2s;
}
.main-visual-item .visual-txt-con .main-visual-btn a:hover  {transition:.2s;padding-right: 60px;}

.main-visual-option-box {
  position: absolute;
  bottom: 230px;
  width: 1280px;
  left: 50%;
  margin-left: -640px;
  display: flex;
  gap: 30px;
  align-items: center;
}
.slide-control {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.main-visual-slider .separator {
  position: relative;
  z-index: 10;
  width:1px;
  height:14px;
  background:#fff;
  opacity:.35; 
  margin: 0 12px;
  top: 2px;
 }
.main-visual-slider .now-count,
.main-visual-slider .all-count {
	position: relative;
	z-index: 10;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
.main-visual-slider .all-count {color:#fff;}


.main-visual-loading-bar {
    width: 130px;
  height: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 10;
  overflow: hidden;
}

.main-visual-loading-bar > span {
    display: block;
    width: 0%;
    height: 100%;
    background-color: #fff; 
}

.slide-toggle-btn {
    position: relative;  
	z-index: 99;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    vertical-align: middle;
	background:none;
	line-height: 0;
}

.slide-toggle-btn .play-icon,
.slide-toggle-btn .pause-icon {
	display: inline-block;
	 color: #fff;
	 line-height: 0;
}


.swiper-pagination {
    position: absolute;
    width: 840px;
	  left: 50%;
	  margin-left: -420px;
	bottom: 55px; 
    text-align: center;
    z-index: 10;
	border: 1px solid rgba(255,255,255,.35);
  padding: 8px 4px;
  border-radius: 30px;
}
.custom-text-bullet {
    display: inline-block;
	width:auto;
	height:auto;
    padding:8px 18px;
	margin:0 4px;
	font-size:17px;
	font-family: 'Roboto';
	font-weight:500;
    cursor: pointer;
    background-color: none;
    color: rgba(255,255,255,.45);
    border-radius: 21px;
    transition: .2s;
	border: none;
}

.custom-text-bullet.swiper-pagination-bullet-active {
    background-color: #fff; 
    color: #030a1d;
}

/* È£¹ö È¿°ú */
.custom-text-bullet:hover {
    background-color: rgba(255, 255, 255, 0.15);
}

@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}
}


.box01-bg {background:#f8f8f8;padding:70px 0 65px 0;}
.box01-wrap {
  width: 1580px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
}
.box01-wrap > a {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 0;
  width: 20%;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  background: #fff;
  transition:2s;
}
.box01-wrap > a:hover {transition:2s;border-color:#09375b;}
.box01-img {
  background: #f0f0f0;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box01-img img {}
.box01-tit {
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -1.5px;
  color: #222;
}

.main-board-wrap {
	width:1580px;
	margin:65px auto 85px auto;
	display: flex;
  gap: 90px;
}
.main-board-box {width: 100%;}
.main-board-box .board-top {
	margin-bottom: 30px;
	position: relative;
}
.main-board-box .board-top h2 {
	font-size: 30px;
	letter-spacing: -1.5px;
	color: #000;
}
.main-board-box .board-top .more {
	position: absolute;
  display: flex;
  width: 130px;
  height: 50px;
  border: 1px solid #232323;
  border-radius: 25px;
  right: 0;
  bottom: -5px;
  align-items: center;
  background: url('../images/main-noti-arr.png') no-repeat calc(100% - 20px) center;
  transition:.2s;
  box-sizing: border-box;
  padding: 0 40px 0 20px;
  font-size: 14px;
  font-weight: 300;
}
.main-board-box .board-top .more:hover {
	border-color:#09375b;
	background-color:#09375b;
	color:#fff;
	background-image: url('../images/main-noti-arr-on.png');
	transition:.2s;
}
.main-board-box ul.board-list {border-top: 1px solid #232323;} 
.main-board-box ul.board-list li {
	display: flex;
  line-height: 75px;
  border-bottom: 1px solid #d8d9de;
  position: relative;
} 
.main-board-box ul.board-list li .noti-part {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.main-board-box ul.board-list li .noti-part span {
	display: flex;
  background: #09375b;
  border-radius: 25px;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 30px;
  font-size: 15px;
  font-weight: 500;
	color: #fff;
	letter-spacing: -1px;
}
.main-board-box ul.board-list li .board-title {
	font-size: 18px;
  letter-spacing: -1px;
  color: #121212;
      width: calc(100% - 200px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-board-box ul.board-list li .board-title:hover {text-decoration:underline;}
.main-board-box ul.board-list li .board-date {
	position: absolute;
  right: 0;
  font-size: 17px;
  letter-spacing: -1px;
  color: #717171;
}



.main-bottom-wrap {width:100%;background: linear-gradient(to right,#2a3344 50%,#586277 50%);}
.main-bottom-wrap {display: flex;}
.main-bottom {display: flex; width: 1580px; margin: 0 auto;}
.main-bottom-L {display: flex;padding: 60px 0px 60px 0px;box-sizing: border-box;background: #2a3344;width: 58%;}
.main-counsel {padding: 10px 80px 10px 0;border-right:1px solid #5f6673;}
.main-counsel p.tit01 {font-size: 26px;font-weight:500;line-height: 1;color: #fff;margin-bottom:15px;}
.main-counsel .tel {font-size: 31px;font-weight:500;line-height: 1;color: #79a3dc;margin-bottom:35px;}
.main-counsel p.tit02 {font-size: 22px;font-weight:500;line-height: 1;color: #fff;margin-bottom:10px;}
.main-counsel .txt {font-size: 18px;font-weight:500;line-height: 1;color: #79a3dc;}
.main-counsel .txt span {font-weight:500;color:#79a3dc;}
.main-noti {padding: 10px 90px 10px 80px;width: 100%;}
.main-noti p {font-size: 26px;font-weight:500;line-height: 1;color: #fff;margin-bottom:15px;}
.main-noti .txt {font-size: 18px;line-height: 1.6;color:#fff;opacity:.65;margin-bottom:25px;font-weight: 300; letter-spacing: -1px;}
.main-noti-btn {display: flex;gap: 15px;}
.main-noti-btn > a {width: 50%;padding: 10px 30px;border-radius: 30px;font-size: 19px;font-weight: 500;color: #222f59;border: 1px solid #fff;transition:.2s;}
.main-noti-btn > a {background: transparent url('../images/noti-arr-off.png') no-repeat calc(100% - 30px) center;color: #9599a2;border: 1px solid #9599a2;}
.main-noti-btn > a:hover {background: #fff url('../images/noti-arr-on.png') no-repeat calc(100% - 30px) center;color: #222f59;border: 1px solid #fff;transition:.2s;}

.main-bottom-R {display:flex;justify-content: space-between;padding: 55px 0px 60px 80px;box-sizing: border-box;background: #586277;width: 42%;}
.main-bottom-R > div {display: flex;flex-direction: column;justify-content: center;align-items: center;}
.main-bottom-R > div img {}
.main-bottom-R > div p {font-size: 26px;font-weight:500;letter-spacing: -1.5px;line-height: 1;color: #fff;margin:15px 0 28px 0;}
.main-bottom-R > div a {font-size: 15px;font-weight: 500;color: #222a39;padding: 7px 10px 7px 25px;background: #798192;border: 1px solid #4b5569;display: flex;align-items: center;gap: 30px;border-radius: 25px;transition:.2s;}
.main-bottom-R > div a span {display: inline-block;width: 28px;height: 28px;background: #464e5f 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: #464e5f 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 {left: 60px;}
#header .hd-menu .gnb-wrap .gnb > li {width: 165px;}
#header.on .hd-menu .gnb-wrap .gnb > li { width:190px;}
#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;}
#header .header-link {right: 140px;}

.main-visual-item .visual-txt-con {width: 100%; padding: 0 100px;box-sizing: border-box;}
.main-visual-option-box {width: 100%;margin-left:100px;left:0;}

.box01-wrap {width:100%;padding: 0 60px;box-sizing: border-box;}
.main-board-wrap {width:100%;padding: 0 60px;box-sizing: border-box;gap:80px;}
.main-board-box {width:calc(50% - 40px)}

.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 .header-link {right: 40px; top: 15px; padding: 5px 15px; font-size: 15px;}
#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 p {font-size:18px;}
.main-bottom-R > div a {padding: 7px 10px 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: 18px;z-index:96;}
#header.reverse .hd-logo {top: 18px;}
#header .hd-logo a {width: 170px; height: 50px;}
#header.off .hd-logo a { background:url('../images/logo-on.png') no-repeat center; background-size: 100%;} 
#header .hd-menu .gnb-wrap {display:none;}
#header .header-link {top: 32px;  right: 80px;}
#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: 55%;}
.main-visual-slider .swiper-slide .visual-img{background-position: 35% !important;background-size: cover !important;}
.main-visual-item .visual-txt-con .main-visual-s-tit span {font-size: 27px;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size:50px;}
.main-visual-item .visual-txt-con .main-visual-btn {margin-bottom:20px;}
.main-visual-option-box {display:none;}
.swiper-pagination {bottom: 40px;}

.box01-bg {padding: 55px 0 50px 0;}
.box01-wrap {padding: 0 40px;gap: 15px;}
.box01-wrap > a {padding: 45px 0;}
.box01-tit {font-size: 19px;}

.main-board-wrap {margin: 50px auto 55px auto;padding: 0 40px;gap: 60px;}
.main-board-box .board-top {margin-bottom: 20px;}
.main-board-box .board-top h2 {font-size: 27px;}
.main-board-box .board-top .more {height: 40px;bottom: 0px;}
.main-board-box ul.board-list li {line-height: 60px;}
.main-board-box ul.board-list li .board-title {font-size: 17px;width: calc(100% - 160px);}

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

#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:1024px) {
.main-visual-item .visual-txt-con {margin-top: 60px;padding: 0 40px;}
.main-visual-item .visual-txt-con .main-visual-s-tit span {font-size: 21px;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size: 36px;letter-spacing: -2.5px;margin: 15px 0 15px 0;}
.main-visual-item .visual-txt-con .main-visual-btn {margin-bottom:0;}
.swiper-pagination {display:none;}
}

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

#header {height:75px;}
#header.reverse {height:75px;}
#header .hd-logo {top: 20px;left: 25px;}
#header .hd-logo a {width: 140px;height: 40px;}
#header .header-link {top: 27px;  right: 60px;}
.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 { padding: 0 25px;}
.main-visual-slider .swiper-slide .visual-img {background-position: 50% !important;}
.main-visual-item .visual-txt-con .main-visual-s-tit span {font-size:16px;}
.main-visual-item .visual-txt-con .main-visual-tit span {font-size:27px;margin: 10px 0;}
.main-visual-item .visual-txt-con .main-visual-txt {display:none;}
.main-visual-item .visual-txt-con .main-visual-btn a {font-size: 16px;}

.box01-bg {padding:30px 0;}
.box01-wrap {flex-direction: column;padding: 0 25px;gap:10px;}
.box01-wrap > a {width:100%;flex-direction: row;padding: 10px 25px;justify-content: flex-start;gap:15px;border-radius: 20px;}
.box01-img {width: 60px;height: 60px;}
.box01-img img {width: 90%;}
.box01-tit {font-size: 18px;}

.main-board-wrap {margin: 40px auto 45px auto;padding: 0 25px;flex-direction: column;gap:40px;}
.main-board-box {width:100%;}
.main-board-box .board-top h2 {font-size: 24px;}
.main-board-box .board-top .more {height: 36px;}
.main-board-box ul.board-list li {line-height: 55px;}
.main-board-box ul.board-list li .board-title {width:100%;font-size: 16px;}
.main-board-box ul.board-list li .board-date {display:none;}

.main-bottom-L {flex-direction: column; padding: 40px 25px;gap: 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;justify-content: space-between;}
.main-bottom-R > div p {font-size: 17px; margin: 10px 0 25px 0;}
.main-bottom-R > div a {display:none;}
}



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

.sub_visual_wrap{position:relative;z-index:0;height:300px;overflow:hidden; }
.s_visual{
	width:100% !important;
	height:300px !important;
	background-image:url("../images/sub-visual.jpg");
	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;
}
.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;
}

.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 {display: flex; align-items: center; justify-content: center;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 12px;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;letter-spacing:-0.5px;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: 80px auto 0 auto;
  padding-bottom: 80px;
  min-height:400px;
}
.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%;}

}

@media all and (max-width:1240px) {
.sub_visual_wrap {height:150px;}
.s_visual {height: 150px !important;}

.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: 50px auto 0px 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;}
}

@media all and (max-width:768px) {
.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: 40px auto 0px auto;padding: 0 3% 40px 3%;}
.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;}
}