@charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
@font-face {
	font-family: 'LotteMartDreamLight';
	src: url('../sh_img/LotteMartDreamLight.woff') format('woff');
	font-weight: 300;
	font-style: normal
}
@font-face {
	font-family: 'LotteMartDreamMedium';
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: 'LotteMartDreamBold';
	font-weight: 700;
	font-style: normal
}
/* SHINING 独立使用 */
body {
	background: #fff;
	font-size: 0.81em;
	font-family: 'Noto Sans SC'
}
body.open {
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%
}
h1, h2, h3, h4, h5, h6, input, button, textarea, select {
	font-family: 'Noto Sans SC'
}
input[type=text], input[type=password], textarea {
	transition: unset
}
* {
	-webkit-text-size-adjust: none
}
/* HEADER */
#sh_hd {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 20;
	width: 100%;
	font-family: 'LotteMartDreamMedium'
}
#sh_hd.sub {
	position: absolute
}
/* MAIN */
#sh_fullpage {
	width: 100%;
	height: 100vh;
	font-size: 16px;
	color: #777;
	line-height: 1.8;
	letter-spacing: -.2px;
	font-weight: 300;
}
#sh_fullpage b {
	font-weight: normal
}
#indexNav {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 10;
	transform: translateY(-50%)
}
#indexNav p {
	display: block;
	position: relative;
	width: 7px;
	height: 7px;
	margin: 40px 0;
	background-color: #fff;
	opacity: .4;
	-webkit-transition: all .3s;
	transition: all .3s
}
#indexNav p.on {
	opacity: 1
}
#indexNav p:after {
	opacity: 0;
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 31px;
	height: 31px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,.4);
	-webkit-transition: all .3s;
	transition: all .3s
}
#indexNav p.on:after {
	opacity: 1;
	width: 51px;
	height: 51px;
}
#indexNav p span {
	opacity: 0;
	position: absolute;
	top: -5px;
	right: 50px;
	width: 120px;
	margin-right: -15px;
	font-size: 14px;
	font-weight: 700;
	text-align: right;
	color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s;
	font-family: 'Play'
}
#indexNav p.on span {
	opacity: 1;
	margin-right: 0;    
}
#indexNav p:hover span {
	opacity: 1
}
#indexNav.black p {
	background-color: #999
}
#indexNav.black p.on {
	background-color: #bd8942
}
#indexNav.black p:after {
	border-color: rgba(0,0,0,.15)
}
#indexNav.black p span {
	color: #bd8942
}
#indexNav p:last-of-type {
	display: none
}
/* CONT */
#sh_container {
	z-index: 5;
	position: relative;
	min-width: 1400px
}
#sh_container_wrapper {
	position: relative
}
#sh_content {
	z-index: 4;
	position: relative;
	width: 1070px;
	min-height: 460px;
	margin: 50px auto 70px
}
/* SNB */
#sh_aside {
	position: relative;
	z-index: 20;
	margin-top: -75px;
	;
	font-size: 16px;
	background-color: rgba(0,0,0,.7);
	font-family: 'LotteMartDreamMedium'
}
/* FOOTER */
#sh_ft {
	z-index: 5;
	position: relative;
	min-width: 1400px;
	border-top: 1px solid #e1e1e1;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: -.2px;
	color: #777;
    font-weight: 300;
}
#sh_ft .inner {
	overflow: hidden;
	position: relative;
	width: 1400px;
	margin: 0 auto
}
#sh_ft .inner.info {
	padding: 90px 0 80px
}
#sh_ft dl {
	float: left;
	width: 350px
}
#sh_ft dl dt {
	font-size: 16px;
	color: #222;
	font-family: 'LotteMartDreamBold'
}
#sh_ft dl dd {
	color: #222;
	font-family: 'Play'
}
#sh_ft dl dd.tel {
	margin: 15px 0;
	font-size: 36px;
	font-weight: 700;
	color: #bd8942;
    line-height: 1.2;
}
#sh_ft .add {
	float: left
}


#sh_ft .footmedia {
	float: right;
    /*display: flex;
    justify-content: flex-end;*/
    text-align: right;
}


#sh_ft .add .company {
	margin-bottom: 30px;
	font-size: 18px;
	color: #222;
    font-weight: 600;word-break:break-word;
}
#sh_ft .add .ps {
	margin-top: 30px
}
#sh_ft .copy {
	height: 75px;
	line-height: 75px;
	background-color: #bd8942
}
#sh_ft .copy p {
	float: left;
	font-size: 14px;
    /*font-weight: 500;*/
	color: #fff
}
#sh_ft .copy ul {
	float: right
}
#sh_ft .copy ul li {
	display: inline-block
}
#sh_ft .copy ul li+li {
	margin-left: 25px
}
#sh_ft .copy ul li a {
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	transition: all .3s;
}
#sh_ft .copy ul li a:hover {
	opacity: .65
}
/* 站点地图 */
#sh_site_map {
	position: relative;
	width: 100%;
	font-family: 'notokr-regular'
}
#sh_site_map > div {
	float: left;
	width: 32%;
	height: 260px;
	margin-right: 2%
}
#sh_site_map > div:nth-of-type(3n) {
	margin-right: 0
}
#sh_site_map .sh_site_map_title {
	padding: 10px 15px;
	border-bottom: 2px solid #333;
	font-size: 17px;
	font-weight: normal;
	text-align: center;
	color: #222;
	font-family: 'notokr-bold'
}
#sh_site_map ul {
	padding: 0 15px 15px
}
#sh_site_map .sh_site_map_box {
	min-height: 155px;
	padding: 17px 20px;
	border: 1px solid #e1e1e1;
	border-top: none;
	font-size: 14px;
	color: #333;
	line-height: 40px
}
#sh_site_map .sh_site_map_box li {
	border-bottom: 1px dotted #ccc
}
#sh_site_map .sh_site_map_box li:last-child {
	border: none
}
#device_change {
	border: 1px solid #666;
	font-size: 3.5em;
	box-shadow: none
}
#atc05 .tit em{ font-style:normal;}

@media (max-width: 1400px) {
#top_logo{ left:30px;}
#allBtn{ right:30px;}
#mainVisual .main_txt{ width:94% !important;}
#atc02 .cont_wrap{ width:100% !important;}
#sh_container{ min-width:100%;}
#sh_ft .inner{ width: 95%;}
#atc05 .inner{ width:100%;}
#atc05 .latest li{ width:29%; margin:0 2.1%;}
#atc05 .latest li+li{margin-left:0;}
.card__side{ width:auto}
.latest_wrap.latest_wrap1{ display:none;}
#atc04 .inner{ width:100%; display:inherit;}
#atc04:before{ display:none;}
#atc04 .inner > div{ height:auto; margin-top:50px;}
#atc04 .cont dl{ display:none;}
#atc04 .consult_wrap{ width:80%; float:right;}
#atc04 .consult input[type=submit]{ width:50%; padding:10px;}
#sh_ft{min-width: 96%;}
}

@media (max-width: 1200px) {
#topNav{ display:none;}
#atc02 .bg_wrap{ width:100%; z-index:-999;}
#atc02 .cont{ top:30%; width:80%; color:#f5f5f5;}
#atc02 .cont .tit{ color:#fff;}
#atc02 .cont_wrap a{ right:0; left:auto;}
#atc02 .cont span{ color:#eee}
#atc02 .cont br{ display:none;}
#atc04 .consult_wrap{ width:100%;}
#atc05 .latest li{ width:45%;}
#atc05 .latest li:nth-child(3n){ display:none;}
#sh_ft dl{ width:30%;}
} 

@media (max-width: 960px) {
#mainVisual .main_txt .tit{ font-size:38px;}
#atc05 .tit em{ display:none;}
#atc05 .tabs_wrap{ display:none;}
.card__side{ padding:30px;}
#atc05 .tit span{ padding-left:20px;}
}

@media (max-width: 720px) {
#atc05 .latest li{ width:96%;}
#atc05 .latest li:nth-child(2){ display:none;}
#atc04 .consult ul li:nth-child(2){ display:none !important;}
#sh_ft dl{ width:100%;}
#sh_ft .footmedia{ float:left; text-align:left;}
#sh_ft .copy p{ line-height:24px; margin-top:10px;}
}

@media (max-width: 450px) {
#top_logo{ left:15px;}
#top_logo img{ height:50px;}
#atc02 .cont{ padding-left:20px; width:96%; font-size:15px;}
#mainVisual .main_txt .tit{ font-size:30px;}
#mainVisual .main_txt a{ width:150px; height:48px; line-height:48px;}
#atc02 .cont_wrap{ padding-left:20px; width:96%;}
#atc02 .cont{ top:50%;}
#atc02 .cont .tit{ font-size:27px;}
#atc02 .cont_wrap a{ height:120px; line-height:120px;}
#atc03 .tit{ font-size:30px;}
#atc04 .cont{ width:98%; padding:24% 0 0 20px; font-size:14px;}
#atc04 .cont .tit{ font-size:30px;}
#atc04 .consult_wrap{ width:100%;padding:40px 80px 30px 40px;}
#atc04 .consult ul li:nth-child(3){ display:none !important;}
#atc04 .consult input[type=submit]{ width:100%; font-size:16px;}
}