@charset "utf-8";
/* intro */
#intro-wrap {background: linear-gradient(180deg, #deebf7 60%, #fff 60%);width: 100%;height: 100vh;box-sizing: border-box;padding-top: 90px;}
#intro-wrap .d_width {width:1310px;margin:0 auto;}
.intro-top {margin-bottom: 70px;}
.intro-tit {display: flex;align-items: center;justify-content: center;gap: 20px;text-align: center;flex-direction: column;}
.intro-tit img {}
.intro-tit div {font-size: 18px;letter-spacing: -1px;color: #3b3b3b;line-height: 1.6;}
.intro-menu {position:relative;display: flex;gap: 30px;width: 100%;margin-bottom: 70px;}
.intro-menu::after {content: '';position: absolute;width: 329px;height: 408px;background: url('../images/intro-img.png')no-repeat;right: -216px;bottom: -161px;}
.intro-menu li {cursor:pointer;width: 305px;background: #fff;box-shadow: 0px 5px 15px rgba(0,0,0,.1);box-sizing: border-box;border-radius: 30px;height: 360px;display: flex;flex-direction: column;gap: 50px;align-items: center;justify-content: center;text-align: center;border: 1px solid transparent;transition:.2s;}
.intro-menu li:hover {transition:.2s;}
.intro-menu li:nth-child(1):hover {border-color:#2661b1;}
.intro-menu li:nth-child(2):hover {border-color:#04a189;}
.intro-menu li:nth-child(3):hover {border-color:#f26439;}
.intro-menu li:nth-child(4):hover {border-color:#4ccfd5;}
.intro-menu-icon {}
.intro-menu-txt {}
.intro-menu-txt h1 {font-size: 27px;letter-spacing: -1.2px;}
.intro-menu li:nth-child(1) h1 {color:#2661b1;}
.intro-menu li:nth-child(2) h1 {color:#04a189;}
.intro-menu li:nth-child(3) h1 {color:#f26439;}
.intro-menu li:nth-child(4) h1 {color:#4ccfd5;}
.intro-menu-txt p {font-size: 18px;font-weight: 500;color: #888;letter-spacing: -0.5px;margin-top: 10px;}
#intro_footer {background:none;text-align:center;}
#intro_footer ul.copy_add {margin-left: 0;}
#intro_footer ul.copy_add li {color:#4e4e4e;}
#intro_footer .copyright {margin-left: 0;color:#848484;}


@media all and (max-width:1440px) {
#intro-wrap .d_width {width:1100px;}
.intro-menu li {height: 320px;}
.intro-menu::after {width:250px;background-size: contain;right: -145px;bottom: -195px;}
}

@media all and (max-width:1200px) {
#intro-wrap .d_width {width:85%;}
.intro-tit img {width: 500px;}
.intro-tit div {font-size: 19px;}
.intro-menu {gap:20px;}
.intro-menu li {height: 300px;gap: 25px;}
.intro-menu-txt h1 {font-size:24px;}
.intro-menu-txt p {margin-top: 5px;}
#intro_footer ul.copy_add {margin-top:0;}
}

@media all and (max-width:768px) {
#intro-wrap {padding-top: 50px;background:#deebf7;}
.intro-top {margin-bottom: 30px;}
.intro-tit {gap: 15px;}
.intro-tit img {width: 80%;}
.intro-tit div {font-size: 16px; word-break: keep-all;}
.intro-menu {flex-wrap: wrap; gap:10px;margin-bottom: 40px;}
.intro-menu li {width: calc(50% - 7.5px); padding:20px 10px;height: auto; gap:5px;}
.intro-menu::after {display:none;}
.intro-menu-icon img {width:50px;}
.intro-menu-txt h1 {font-size: 18px;letter-spacing: -1px;}
.intro-menu-txt p {font-size: 15px;margin-top: 0px;}
}

input:focus {outline:none}
.mobnone {display:none;}

#wrap {padding-top:113px;}
#header {
  position: fixed;
  width: 100%;
  height: 113px;
  background: #fff;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  box-sizing: border-box;
  top: 0;
  box-shadow: 0px 0px 7px rgba(0,0,0,.3);
  }
#logo{
  width: 337px;
  height: 48px;
  background: url('../images/logo.png')no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 99;
}

/* gnb */
#header .gn_area {z-index:99; display:block;position: relative;  width: 1000px; } 
#header .gn {display: flex; width:100%; padding:0; justify-content: space-between;}
#header .gn li { position:relative; display:block;}
#header .gn li .label { position:relative;font-size: 23px;letter-spacing:-1.5px;color: #272525;line-height: 1;font-weight: 500;display:inline-block;padding: 46px 0px;}
#header .gn li:hover .label {color:#30c7ce;}
#header .gn li .label::after {
  position: absolute;
  bottom: 1px;
  left: 50%;
  content: '';
  width: 0;
  height: 3px;
  background-color: #30c7ce;
  transition: .3s;
}
#header .gn li:hover .label::after {width: 100%;left: 0;}
#header .sn {position:absolute;display:none;top:113px;left: -0.5%;padding-top: 25px;box-sizing:border-box;z-index:99999;min-width: 205px;}
#header .sn ul { display:block; margin:0; padding:0px;}
#header .sn ul li { list-style:none; display:block; float:none; margin-bottom:10px;line-height: 1.2;text-align: left;}
#header .sn ul li a { font-size:16px;letter-spacing: -0.5px; color:#000;}
#header .sn ul li a:hover {text-decoration:underline;color:#000;}

.header-btn {display: flex;gap: 7px;}
.header-btn > a {display: flex;width: 112px;height: 40px;justify-content: center;align-items: center;font-size: 15px; font-weight: bold;border-radius: 20px;box-sizing: border-box;border: 2px solid transparent;transition:.2s;}
.header-login-btn {color: #4c4c4c !important; background: #f6f6f6;}
.header-login-btn:hover {transition:.2s;color:#000 !important;border-color:#4c4c4c;}
.header-join-btn {color: #fff !important; background: #30c7ce;}
.header-join-btn:hover {transition:.2s;color: #30c7ce !important;background:#fff;border-color:#30c7ce;}

.allmenu-btn {position: relative;  z-index: 9999;display: flex;align-items: center;justify-content: center;cursor:pointer;margin-left:20px;}
.allmenu-btn a{position:relative;display:block;width:23px;height:22px;transition:top 0.25s ease}
.allmenu-btn a span{position:absolute;left:0;top:0;display:block;width:23px;height:2px;background:#000;transform: rotate(0deg);-webkit-transform: rotate(0deg);transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out;}
.allmenu-btn a span:first-child{top:0px}
.allmenu-btn a span:nth-child(2){width:23px;top:9px;}
.allmenu-btn a span:nth-child(3){top:19px;}
.allmenu-btn.off {background:none;position: absolute; top: 45px;right: 60px;}
.allmenu-btn.off span {background:#fff;}
.allmenu-btn.off span:first-child{top: 10px;transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.allmenu-btn.off span:nth-child(2){display:none;}
.allmenu-btn.off span:nth-child(3){top: 10px;visibility:visible;transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg)}

.overlay-bg {display:none;position: fixed;top: 186px;left: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);z-index:12;}
.blind-bg { position:absolute; display:none; left:0; top:113px;border-top: 1px solid #dfdfdf; width:100%; height:210px; background: #fff;  z-index:13;box-shadow: 0px 7px 7px rgba(0,0,0,.1);}
.mobnone {display:none;}

.all_menu_wrap {display: none;}
.all_menu {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    min-width: 1280px;
   height: 100vh;
    background: #505050;
}

.all_menu_header {
	width: 100%;
	margin: 0 auto;
    padding: 33px 60px;
    box-sizing: border-box;
}
.all_menu_logo {}

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

.all_menu_gnb > ul {display:flex;}
.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;
}
.all_menu_gnb .all_menu_depth01 span {cursor:default;}

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

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

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

.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: .6;
    color: #fff;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li a:hover {
    opacity: 1;
}

.all_menu_gnb .all_menu_depth01 .all_menu_depth02 li + li {
    margin-top: 0px;
}

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

#header-wrap.fixed {position: fixed; transition: all .3s; box-shadow: 0 5px 15px rgba(0,0,0,.2);}
#header-wrap.fixed #header {height: 100px;}
#header-wrap.fixed #header .gn li .label {padding: 40px 0px;}
#header-wrap.fixed #header .sn {top:100px;}
#header-wrap.fixed .allmenu-btn {height: 100px;}
#header-wrap.fixed .blind {top: 100px;}


/* mainVisual */
#mainVisual{overflow:hidden; height:400px; position:relative;background:#fff;}
.main-visual-wrapper{position:relative; height:100%; }
.main-visual-slider {
	overflow:hidden;
	width:100%;
	height:100%;
}
.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{display: flex;align-items: center;justify-content: center;position:absolute; top:0px; left:0px; bottom:0px; right:0px; width:100%; background-position: center !important;}
.main-visual-slider .swiper-slide .visual-img img {}
.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{
	display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  position:absolute;
  top: 0px;
  width: 100%;
  left: 50%;
  margin-left: -705px;
  z-index:11; 
  color:#fff;
  align-items: baseline;
  justify-content: center;
  }
.main-visual-item .visual-txt-con .main-visual-tit {display:block; transform:translateY(100%);font-size:54px;letter-spacing:-3px; line-height:1.2; font-weight:800; cursor: default;text-shadow: 0px 0px 20px rgba(255,255,255,.7);}
.main-visual-item .visual-txt-con .main-visual-txt {display:block; transform:translateY(100%);font-size:23px; line-height:1.1; font-weight:400; cursor: default;color: #3b3b3b;letter-spacing: -1.5px;}
.main-visual-item01 .visual-txt-con .main-visual-tit {color:#32c1c8;}
.main-visual-item02 .visual-txt-con .main-visual-tit {color:#5281bb;}
.main-visual-item03 .visual-txt-con .main-visual-tit {color:#9b746e;}
.slide-control {height:100%;}
.main-visual-slider .arrow {display: flex;align-items: center;justify-content: space-between;  margin: 0 135px;height: 100%;	position: relative;}
.main-visual-slider .arrow .swiper-button-next,
.main-visual-slider .arrow .swiper-button-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	position: unset;
	margin-top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 60px;
	height: 60px;
	box-shadow: 0 7px 7px rgba(0,0,0,.1);
    border-radius: 50%;
}
.main-visual-slider .arrow .swiper-button-prev {
	background-image: url('../images/main-visual-prev.png');
}
.main-visual-slider .arrow .swiper-button-prev:hover {
	background-image: url('../images/main-visual-prev-on.png');
}
.main-visual-slider .arrow .swiper-button-next {
	background-image: url('../images/main-visual-next.png');
}
.main-visual-slider .arrow .swiper-button-next:hover {
	background-image: url('../images/main-visual-next-on.png');
}


.main-contents01 {width:1520px;margin:55px auto 40px auto;}

.box01 {display: flex;gap: 40px;}
.box01-con {width: 50%;display: flex;justify-content: space-between;background: #fff;border-radius: 25px;overflow: hidden;box-shadow: 0 0 15px rgba(0,0,0,.15);}
.box01-con > p {}
.box01-con-L {width: 42%;box-sizing: border-box;padding: 45px 55px 40px 55px;}
.box01-con-L > p {font-size: 24px;font-weight: bold;color: #222;letter-spacing: -1.5px;margin-bottom: 10px;}
.box01-con-L .box01-txt {font-size: 16px;color: #696969;letter-spacing: -0.5px;margin-bottom: 20px;}
.box01-con-L .box01-btn a {display: flex;width: 129px;height: 40px;border-radius: 23px;background: #3ebf99;font-size: 16px;font-weight: 500;letter-spacing: -0.5px;color: #fff;margin-bottom: 5px;align-items: center;justify-content: center;border: 2px solid transparent;box-sizing: border-box;transition:.2s;}
.box01-con-L .box01-btn a:hover {transition:.2s;background:#fff;color:#3ebf99;border-color:#3ebf99;}
.box01-con-R {width: 58%;line-height: 0;}

.box02 {display:flex;gap:80px;width:100%;margin:55px 0 0 0;}
.box02 > div {width:calc(50% - 40px);}
.box02-tit {position:relative;font-size: 23px;line-height: 1;font-weight: bold;color: #353535;letter-spacing: -1.5px;width: 100%;margin-bottom: 20px;}
.box02-tit span {position: absolute;right: 0px;}
.box02 ul li {position:relative;height:51px;line-height:51px;border-bottom: 1px solid #e5e5e5;}
.box02 ul li:last-child {border-bottom:none;}
.box02 ul li a {display: inline-block;width: calc(100% - 95px);overflow: hidden;text-overflow: ellipsis; white-space: nowrap;font-size:17px;color:#333;letter-spacing:-0.5px;}
.box02 ul li:hover a {color:#000;}
.box02 ul li span {position: absolute;right: 0px;opacity:.4;}

.main-contents02 {background:#f4f4f4;padding: 56px 0 60px 0;}

.box03 {width:1220px;margin:0 auto;}
.box03-con {display: flex;width: 100%; justify-content: space-between;}
.box03-con > a {display: flex;flex-direction: column;transition:.2s;}
.box03-img {display: flex;width: 180px;height: 182px;background-color: #fff;background-position: center;  background-repeat: no-repeat;border-radius: 65px;justify-content: center;align-items: center;box-shadow: 0 7px 0px #e3e4e8;box-sizing: border-box;border: 2px solid transparent;transition:.2s;}
.box03-img01 {background-image: url('../images/box0301.png');}
.box03-img02 {background-image: url('../images/box0302.png');}
.box03-img03 {background-image: url('../images/box0303.png');}
.box03-img04 {background-image: url('../images/box0304.png');}
.box03-img05 {background-image: url('../images/box0305.png');}
.box03-con > a:hover .box03-img {border-color:#3ebf99;transition:.2s;}
.box03-con > a:hover .box03-img01 {background-image: url('../images/box0301-on.png');}
.box03-con > a:hover .box03-img02 {background-image: url('../images/box0302-on.png');}
.box03-con > a:hover .box03-img03 {background-image: url('../images/box0303-on.png');}
.box03-con > a:hover .box03-img04 {background-image: url('../images/box0304-on.png');}
.box03-con > a:hover .box03-img05 {background-image: url('../images/box0305-on.png');}
.box03-tit {font-size: 22px;font-weight: 500;letter-spacing: -1px;color: #353535;text-align: center;margin-top: 20px;}
.box03-con > a:hover .box03-tit {color:#0faa7c;}

.box04 {width: 1520px;margin: 45px auto 43px auto;background: #fff;box-sizing: border-box;padding: 35px 65px 35px 60px;border-radius: 12px;display: flex;align-items: center;}
.box04 > p {font-size: 22px;font-weight: 500;letter-spacing: -1.5px;color: #272727;width: 47%;}
.box04-con {display: flex;justify-content: space-between;width: 53%;}
.box04-con > div {background-position: 0 50%;background-repeat: no-repeat;}
.box04-con .box04-tel {padding-left: 52px;background-image: url('../images/main-tel-icon.gif');}
.box04-con .box04-email {padding-left: 57px;background-image: url('../images/main-mail-icon.gif');}
.box04-con .box04-fax {padding-left: 57px;background-image: url('../images/main-fax-icon.gif');}
.box04-con > div p {font-size: 23px;font-weight: 500;color: #f38b5e;}
.box04-con > div div {font-size: 16px;color: #010101;margin-top: 5px;}
a.box04-btn {display: flex;width: 165px;height: 62px;color:#fff;background: #f38b5e url('../images/box04-icon.png') no-repeat calc(100% - 25px) 50%;align-items: center;border-radius: 20px;padding: 0 25px;box-sizing: border-box;font-size: 17px;font-weight: 500;letter-spacing: -0.5px;color: #fff;border: 2px solid transparent;transition:.2s;}
a.box04-btn:hover {transition:.2s;background:#fff url('../images/box04-icon-on.png') no-repeat calc(100% - 25px) 50%;color:#f38b5e;border-color:#f38b5e;}

.main-contents03 {}

.footer-banner {display: block;width: 1520px;margin: -72px auto 0px auto;background: #3ebf99 url('../images/main-banner-icon.png') no-repeat 87.5% 50%;box-sizing: border-box;padding: 55px 95px;border-radius: 20px;border: 2px solid transparent;transition:.2s;}
.footer-banner:hover {transition:.2s;border-color: #333;}
.footer-banner p {font-size: 32px;font-weight: 500;color: #fff;letter-spacing: -2px;margin-bottom: 10px;}
.footer-banner div {font-size: 19px;color: #fff;letter-spacing: -1px;}

.banner-box {width: 1480px;height:88px;padding: 7px 0;box-sizing:border-box;margin: 40px auto 0px auto;}
.banner-box .slick-arrow {position: absolute;top: 37px;width: 15px;height: 27px;border: none;font-size: 0;cursor:pointer;}
.banner-box .slick-arrow.slick-prev {left:-20px; background:url('../images/footer-banner-prev.gif') no-repeat;}
.banner-box .slick-arrow.slick-next {right:-20px; background:url('../images/footer-banner-next.gif') no-repeat;}
.banner-box .slick-slide img {margin:0 auto;}


/* 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:1520px;
	margin: 0 auto;
	padding:60px 0 90px 0;
	box-sizing: border-box;
	position: relative;
}
.copy_menu {margin-bottom:30px;}
.copy_menu a {
	padding: 0 30px 0 0;
  font-size: 16px;
  letter-spacing:-1px;
  line-height: 1;
  color: #000;
  position: relative;
  word-break: keep-all;
}
.copy_menu a:hover {text-decoration:underline;}

.footer-logo {line-height:0;position: absolute;margin-top: 10px;}

.fSelectZone {position: absolute;display:block;width: 205px; height: 48px; background:#f7f7f7;top:60px; right:0px;border-radius: 24px;}
.f_site {height:48px; line-height:48px; text-align:left; padding-left:30px; color:#323232;  font-size:15px; cursor:pointer; 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%; overflow: hidden; background:#f7f7f7;  font-size: 14px;  padding:0;padding: 12px 0;border-radius: 24px;box-shadow: 0 0 5px rgba(0,0,0,.1);}
.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;}

ul.footer-sns {position: absolute;top:140px;right:22px;display: flex; gap: 45px;}
ul.footer-sns li {line-height: 0;}

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

.webv, .web_br {display:block;}
.mobv, .mob_br {display:none;}


@media all and (max-width:1700px) {
#header { padding: 0 50px;}
.all_menu_header {padding: 33px 50px;}
.all_menu_close {right: 50px;}
.all_menu_gnb {width: calc(100% - 100px);}
.all_menu_gnb > ul  {width:100%;}
.all_menu_gnb .all_menu_depth01 + .all_menu_depth01 {margin-left: 20px;}

.main-visual-slider .arrow {margin:0 50px;}
}

@media all and (max-width:1600px) {
#header { padding: 0 40px;}
#header .gn_area {width:900px;}
.allmenu-btn {display:none;}
.all_menu_header {padding: 33px 40px;}
.all_menu_close {right: 40px;}
.all_menu_gnb {width: calc(100% - 80px);}

.main-contents01 {width:94%;}
.box01-con-L {width: 45%;padding:45px 40px 40px 40px;}
.box01-con-R {width: 55%;}
.box04 {width:94%;}
.footer-banner {width:94%;}
.banner-box {width:94%;}
.banner-box .slick-arrow.slick-prev {left:-15px;}
.banner-box .slick-arrow.slick-next {right:-15px; }
#footer {width:94%;}
}

@media all and (max-width:1440px) {
#logo {width: 260px;  height: 36px;}
.header-btn > a {width: 85px; }
#header .gn_area {width:800px;}

#mainVisual, .main-visual-wrapper {height:0;padding-bottom: 35%;}
.main-visual-slider .swiper-slide .visual-img{padding-bottom: 35%; background-position: center !important;background-size: cover !important;}
.main-visual-slider .swiper-slide .visual-img img {display:none;}
.main-visual-item .visual-txt-con .main-visual-tit {font-size: 45px;}
.main-visual-item .visual-txt-con .main-visual-txt {font-size: 21px;}
.slide-control {position: absolute;width: 100%;}
.main-visual-slider .arrow {margin: 0 40px;}
}

@media all and (max-width:1280px) {
.box01-con-L {width: 48%;}
.box01-con-R {width: 52%;}

.box03 {width:94%;}
}


@media all and (max-width:1240px) {
#wrap {padding-top: 80px;}
#header {height: 80px;padding: 0 3%;}
#header .gn_area {display:none;}
.header-btn {position: absolute;right: 8%;z-index: 99;}
.mobnone {display:block;}
.btnMenu{position:absolute;right:3%;top:31px;z-index:998;display:block;width:23px;height:18px;transition:top 0.25s ease;border:none;background:none;}
.btnMenu span{position:absolute;left:0;top:0;display:block;width:23px;height:2px;background:#24bec5;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:8px}
.btnMenu span:nth-child(3){top:8px;visibility:hidden}
.btnMenu span:nth-child(4){top:16px}
.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:0;left:-200%;text-align:left;padding:80px 0 0 0;width:100%;min-height:750px;background:#fff;z-index:95;transition:all 0.2s ease;}
#mGnb nav{height:auto;overflow-x: hidden;overflow-y:auto;background:#fff;}
#mGnb nav > ul {border-top:1px solid #dfdfdf;}
#mGnb nav > ul li a{display:block;}
#mGnb nav > ul > li{position:relative;}
#mGnb nav > ul > li:first-child {}
#mGnb nav > ul > li > a{position:relative;padding:0 35px 1px 35px;font-size:17px;letter-spacing: -0.5px;color:#222;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 > 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:before {content:'';position:absolute;top: 15px;left: 20px;width:6px;height:1px;background:#222;}
#mGnb nav > ul > li > ul > li > a{font-size:15px;color:#222;line-height:32px;}
#mGnb nav > ul > li > ul > li > ul.m-3dep {background: #f4f4f4;position: relative;left: -35px;width: 100%;padding: 0px 35px 10px 35px;}
#mGnb nav > ul > li > ul > li > ul.m-3dep > li {position: relative;margin:0;padding-left: 15px;}
#mGnb nav > ul > li > ul > li > ul.m-3dep > li:before {content:'';position:absolute;top: calc(50% - 5px);left: 1px;width:6px;height:1px;background:#222;}
#mGnb nav > ul > li > ul > li > ul.m-3dep > li:after {content:'';position:absolute;top: 9px;left: 0;width:1px;height:6px;background:#222;}
#mGnb nav > ul > li > ul > li > ul.m-3dep > li > a {font-size:14px;color:#222;line-height:27px;font-weight: 300;}
#mGnb.on{left:0;}
#wrapper.fix{position:fixed}
.fixBg {}
.fixBg.on {position:fixed;left: 0;width:100%;height:100%;background:#fff;z-index: 9;}

.main-visual-item .visual-txt-con .main-visual-tit {font-size: 36px; letter-spacing: -2.5px;}
.main-visual-item .visual-txt-con .main-visual-txt {font-size: 19px;letter-spacing: -1px;}
.main-visual-slider .arrow {margin: 0 3%;}
.main-visual-slider .arrow .swiper-button-next, .main-visual-slider .arrow .swiper-button-prev {width: 45px;height: 45px;}

.main-contents01 {margin: 45px auto 30px auto;}
.box01 {gap: 20px;}
.box01-con-L {width:50%;padding: 35px 30px;display: flex;  flex-direction: column;  justify-content: center;}
.box01-con-L > p {font-size: 20px;}
.box01-con-L .box01-txt {font-size: 15px;margin-bottom: 15px;}
.box01-con-L .box01-btn {display: flex;gap: 5px;}
.box01-con-L .box01-btn a {height: 34px; font-size: 15px;margin-bottom: 0;}
.box01-con-R {width:50%;}
.box01-con-R img {width: 120%;}
.box01-con {flex-direction: column-reverse;}
.box01-con-R, .box01-con-R img {width:100%;}
.box01-con-L {width: 100%;}
.box01-con-L .box01-btn a {width:50%;}


.box02 {margin-top:50px;gap: 60px;}
.box02 > div {width: calc(50% - 30px);}
.box02-tit {font-size: 20px;margin-bottom: 10px;}
.box02 ul li {height: 45px; line-height: 45px;}
.box02 ul li a {font-size: 15px;}

.main-contents02 {padding: 40px 0 25px 0;}
.box03-img {width: 150px;height: 152px;border-radius: 50px;background-size: 40%;}
.box03-tit {font-size: 19px;}

.box04 {gap: 60px;margin: 40px auto 40px auto;padding: 30px 40px;}
.box04 > p {font-size: 20px;width: fit-content;min-width: 250px;}
.box04-con {width: 100%;}
.box04-con > div {background-size: 12%;}
.box04-con .box04-tel {padding-left: 40px;background-size:18px;}
.box04-con .box04-fax {padding-left: 40px;background-size:22px;}
.box04-con .box04-email {padding-left: 40px;background-size:20px;}
.box04-con > div p {font-size: 19px;}
.box04-con > div div {margin-top: 0px;}

.footer-banner {margin-top:-40px;padding: 30px 200px 30px 40px;background-size: 12%;background-position-x: 94%;word-break: keep-all;}
.footer-banner p {font-size: 22px;}
.footer-banner div {font-size: 17px;}

#footer {padding: 45px 0 70px 0;}
.fSelectZone {top:45px;}
ul.footer-sns {top: 125px;}
}


@media all and (max-width:1024px) {
.main-visual-item .visual-txt-con {gap: 10px;}
.main-visual-item .visual-txt-con .main-visual-tit {font-size: 30px;}
.main-visual-item .visual-txt-con .main-visual-txt {font-size: 17px;}


.box02 {gap: 40px;}
.box02 > div {width: calc(50% - 20px);}

.box03-img {width: 120px; height: 122px; border-radius: 40px;}
.box03-tit {font-size: 17px;}

.box04 {flex-direction: column; gap: 20px;}

#footer {text-align:center;padding: 50px 0 60px 0;}
.copy_menu {position:relative;display: flex; gap: 10px;justify-content: center;margin-bottom: 20px;}
.footer-logo {display:none;}
.fSelectZone {position:relative;top:0;right:0;margin:15px auto;}
ul.footer-sns {position:relative;top:0;right:0;justify-content: center;}
ul.copy_add {margin-left:0;margin-top: 20px;}
ul.copy_add li {float:none;margin:0;line-height: 23px;}
.copyright {margin-top:5px;line-height: 21px;margin-left:0;}
}

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

#wrap {padding-top:0px;}
#header {position: relative;box-shadow:none;} 
#logo {left: 5px;width: 200px; height: 27px;}
.header-btn{top: 12px;  right: 15px;}
.header-btn > a {
	width: fit-content;
    height: auto;
    background: none !important;
    color: #333 !important;
    font-weight: 500;
    font-size: 14px;
    border: none;}
.btnMenu {right: calc(3% + 5px); }
#mGnb {top: 1px;}

.slide-control {display:none;}
.main-visual-item .visual-txt-con .main-visual-tit {font-size: 18px; letter-spacing: -1.5px;}
.main-visual-item .visual-txt-con .main-visual-txt {display:none;}

.main-contents01 {width:90%;margin: 30px auto 30px auto;}
.box01 {gap: 15px; flex-direction: column;}
.box01-con {width:100%;}
.box01-con-L {padding: 20px;}
.box01-con-R {height: 180px;overflow: hidden;display: flex;align-items: center;}
.box01-con-L .box01-btn {flex-wrap: wrap;}
.box01-con-L .box01-btn a { padding: 0 5px; font-weight: 400;}
.box01-con-L .box01-btn a:nth-child(1) {width:calc(50% - 2.5px)}
.box01-con-L .box01-btn a:nth-child(2) {width:calc(50% - 2.5px)}
.box01-con-L .box01-btn a:nth-child(3) {width:100%;}

.box02 {margin-top: 40px;flex-direction: column;gap: 20px;}
.box02 > div {width:100%;}
.box02 ul li a {width:100%;}
.box02 ul li span {display:none;}

.main-contents02 {padding: 30px 0 25px 0;}
.box03-con {width: fit-content; margin: 0 auto;  flex-direction: column;  gap: 10px;}
.box03-con > a {flex-direction: row; align-items: center;}
.box03-img {width: 70px;height: 70px;border-radius: 20px;margin-right: 20px; box-shadow: 0 2.5px 0px #e2e6ec;background-size: 50%;}
.box03-img01 {background-image: url('../images/box0301-on.png');}
.box03-img02 {background-image: url('../images/box0302-on.png');}
.box03-img03 {background-image: url('../images/box0303-on.png');}
.box03-img04 {background-image: url('../images/box0304-on.png');}
.box03-img05 {background-image: url('../images/box0305-on.png');}
.box03-tit {margin-top:0;margin-right: 20px;}

.box04 {width:90%;padding: 25px 20px;gap: 15px;}
.box04 > p {font-size: 19px;text-align: center;}
.box04-con {width: fit-content;flex-direction: column;justify-content: inherit;align-items: baseline;gap: 15px;}
.box04-btn {height: 50px;font-size: 16px;background-size: 20px;border-radius: 15px;}

.footer-banner {width:90%;padding: 25px 20px;background-image: none;}
.footer-banner p {font-size: 19px;text-align: center; letter-spacing: -1.5px;}
.footer-banner div {text-align: justify; word-break: break-all;}

#footer {width:90%;padding: 40px 0 55px 0;}
.f_site {height: 45px;line-height: 45px;font-size: 15px;}
.selectList {bottom:45px;}
}


.quick-wrap {
 position:fixed;
 top:379.5px;
 right:0;
 width:85px;
 height:440px;
 -webkit-transform:translateY(-50%);
 -moz-transform:translateY(-50%);
 transform:translateY(-50%);
 z-index:11;

}

.quick-wrap ul li {position:relative;}
.quick-wrap ul li::after {content:"";position:absolute;width:100%;height:1px;background-color: rgba(255,255,255,.4);z-index: 9;}
.quick-wrap ul li:last-child::after {display:none;}
.quick-wrap ul li a {
 position:relative;
 display:block;
 width:135px;
 right:0px;
 font-size:12px;
 line-height:1.5;
 letter-spacing:-.5px;
 text-align:center;
 transition:.2s;
 height: 88px;
 background:#21bdc5;
color:#fff;
box-shadow: -5px 10px 12px 0 rgba(0,0,0,.1);
}
.quick-wrap ul li:first-child a {border-top-left-radius: 25px;}
.quick-wrap ul li:last-child a { border-bottom-left-radius: 25px;}
.quick-wrap ul li a div {width:135px;background-repeat:no-repeat; background-size:35px; background-position:24px 20px; padding:57px 0 10px;}
.quick-wrap ul li a span {position:relative;top:-10px;left:-26px;font-size: 13px;}
.quick-wrap ul li a.quick01 div {
 background-image:url('../images/quick01-on.png')
}
.quick-wrap ul li a.quick01:hover div {
 background-image:url('../images/quick01.png')
}
.quick-wrap ul li a.quick02 div {
 background-image:url('../images/quick02-on.png')
}
.quick-wrap ul li a.quick02:hover div {
 background-image:url('../images/quick02.png')
}
.quick-wrap ul li a.quick03 div {
 background-image:url('../images/quick03-on.png')
}
.quick-wrap ul li a.quick03:hover div {
 background-image:url('../images/quick03.png')
}
.quick-wrap ul li a.quick04 div {
 background-image:url('../images/quick04-on.png')
}
.quick-wrap ul li a.quick04:hover div {
 background-image:url('../images/quick04.png')
}
.quick-wrap ul li a.quick05 div {
 background-image:url('../images/quick05-on.png')
}
.quick-wrap ul li a.quick05:hover div {
 background-image:url('../images/quick05.png')
}


.quick-wrap ul li a.quick05 {border-bottom:none;}

.quick-wrap ul li a:hover {
background:#fff;
color:#000;
right: 35px;
transition:.2s;
 box-shadow:-3px 3px 15px 0 rgba(0,0,0,.16);
 border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
}


/***** sub layout *****/
.sub_container {border-bottom: 1px solid #ddd;}
.sub_location_wrap {width:100%;height:53px;background: #21bdc5;}
.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: 16px 0 13px 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: 120px;border-radius: 0px;border: none;font-size: 15px;background: #21bdc5 url("../images/sub_location_down.png") no-repeat calc(100% - 15px) 49%;}
.sub_location ul li a:link.fg-menu-open {background: #21bdc5 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:2px 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: 60px;
  min-height:500px;
}
.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-bottom: 20px;
  font-size: 21px;
  font-weight: 500;
  color: #666;
}
.tab_menu a.on {
	border-bottom: 3px solid #30c7ce;
  color: #000;
  font-weight: bold;
}

@media all and (max-width:1850px) {
.main-visual-item .visual-txt-con {margin-left:-620px;}

}

@media all and (max-width:1700px) {
.quick-wrap {display:none;}
}

@media all and (max-width:1600px) {
.sub_location {width: 100%;}
.sub_contents {width: 94%;padding: 0 3% 60px 3%;}
.main-visual-item .visual-txt-con {left: 10%;    margin-left: 0;}

}

@media all and (max-width:1240px) {
.sub_location_wrap {border-top: 1px solid #dfdfdf;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 60px 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 45px auto;}
.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;}
.tab_menu a.on {	border-bottom: 2px solid #30c7ce;}
}


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