/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */



/*html {*/
/*  box-sizing: border-box;*/
/*  font-family: 'Open Sans', 'Noto Sans KR', sans-serif}*/

 .in {width:100%; max-width:1400px; margin:0 auto; }
h2 {font-size:2.8rem; font-weight:700; font-family:'Montserrat';  color:#222; line-height:1.3em; letter-spacing:-0.5px;  }

h3 {font-size:1.3rem; font-weight:500; color:#333; line-height:1.3em}
h3.h3_tit {position:relative;color:#fff;  font-family:'Montserrat'; font-weight:500; font-size:2.4rem;  width:100%; display:inline-block; line-height:1em;  letter-spacing:-2px; border-bottom: 1px solid rgba(255,255,255,0.6); padding-bottom:15px; margin-bottom:20px; }
.eng {font-family:'Montserrat'; letter-spacing:0 !important}


.main_section {width:100%; display:inline-block;  padding:120px 3%; box-sizing:border-box}
.s_line {width:10px; height:2px; background-color:#333; display:block; margin-bottom:10px}
.color_bk{color:#333 !important;}
.span_br {display:block;}


header.on .hd-language  .btn-language,
header.fixed .hd-language  .btn-language {
color:#333;
}

/* .hd-language {
    position:relative;
    padding:0 12px;
}

.hd-language  .btn-language {
    position:relative;
    background-color:transparent;
    border:0;
    font-size:1.1rem;
    color:#fff;
    font-weight:400;
	line-height:30px;
	line-height:1.6;
}

.hd-language ul {
    display:none;
	background:#fff;
	width:80px; line-height:10px;
	height:68px;
	padding:10px; box-sizing:border-box;
	margin-top:-5px;
	margin-left:-15px;
	float:left;
}

.hd-language ul li  {
	width:100%;
	line-height:1.5em;
	font-size:1rem;
	text-align:center
	
}



.hd-language ul li a {
	color:#333 !important;
	font-weight:400
}


.hd-language ul li a:hover {
	color:#333 !important;
	font-weight:500;
}
 */

.news  {background-color:#fff;  }
.news ul {width:100%; display:flex; justify-content:space-between;}
.news ul  a { width:32%; border:1px solid #ddd; border-bottom:3px solid #333; vertical-align:top; transition: all 0.1s ease-out;}
.news  ul a:hover {margin-top:-20px;  }
.news  li img {width:100%;   }
.news  li div {width:100%; box-sizing:border-box; padding:5%}
.news  li div  h3 {font-weight:700; font-size:1.3rem}
.news  li div p {width:100%;  padding:10px 0; font-size:0.95rem; color:#666; }
.news  li div  p span {width:100%; display:inline-block; padding-top:10px;}

.color_fff{color:#fff !important}




/* section01 회사소개 슬라이더 */
.swiper-container {
  width: 100%;
  float:right;
  height: 52vh;
  border-radius:50px;
}
.swiper-container .swiper-wrapper .swiper-slide {
  position: relative;
}
.swiper-container .swiper-wrapper .swiper-slide:nth-child(1) {
  background:url('/sian/common/img/main/s1_slider_img01.png') no-repeat center;
}
.swiper-container .swiper-wrapper .swiper-slide:nth-child(2) {
   background:url('/sian/common/img/main/s1_slider_img01.png') no-repeat center;

}
.swiper-container .swiper-wrapper .swiper-slide:nth-child(3) {
  background:url('/sian/common/img/main/s1_slider_img01.png') no-repeat center;

}
.swiper-container .swiper-wrapper .swiper-slide h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 3em;
}

.swiper-pagination-bullets {bottom:40px !important;}
.swiper-pagination-bullet {width:12px !important; height:12px  !important; background:#fff !important;}
.swiper-pagination-bullet-active { background:#2d9ce9 !important;}

.swiper-container {}

/* section01 */
.section01 {position:relative; padding:6% 0; width:100%; display:block; float:Left;	  min-width:1400px;overflow:hidden}
.section01 ul {position:relative; width:100%; display:flex; justify-content:space-between; align-items:center;}
.section01  li {position:relative; display:inline-block; height:400px; padding:60px; box-sizing:border-box}
.section01  li::before{
        content: "";
        opacity: 0.1;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #000;
    }

.s1_box_left {width:28%; float:left;}
.s1_box_right {width:72%; float:right;}

.s3_box_left {width:30%; float:left;}
.s3_box_right {width:65%; float:right;}

.s_p1 {font-size:1.3rem; color:#00a7d4; letter-spacing:-0.5px;; font-weight:700; margin-bottom:12px;}
.s_h2 {font-size:2rem; color:#333;  letter-spacing:0;  margin-bottom:20px; font-weight:600; line-height:1.35}
.s_p2 {font-size:1.3rem; color:#555;  font-weight:500;   margin-bottom:60px; }
.s_p3 {font-size:1.1rem; color:#555;  font-weight:500; }


.more_bt {border:1px solid #ddd; font-size:1.1rem; padding:0 40px; line-height:38px; display:inline-block; font-weight:700; color:#333; border-radius:30px;}
.more_bt:hover {background:#333; color:#fff; transition:0.3s ease-in-out }



/* section02 */
.section02 {position:relative; padding:3% 0; width:100%; display:block; float:Left; background:url('/sian/common/img/main/s2_bg.png') no-repeat center 0;	min-width:1400px;}
.section02 h2 {font-size:2.1rem; color:#fff; letter-spacing:0;  margin-bottom:30px; font-weight:400; line-height:1.4em; }
.section02 a {border:1px solid #fff;  font-size:1.2em; line-height:48px;text-align:center; width:230px; display:block; font-weight:300; color:#fff !important; margin:0 auto; }
.section02 a:hover {background:#fff; color:#333 !important; font-weight:400; transition:0.3s ease-in-out }


/* section03 */
.section03 {position:relative; padding:5% 0 0 0; width:100%; display:block; float:Left;}

/* section04 */
.section04 {position:relative; padding:5% 0; width:100%; display:block; float:Left;	  min-width:1400px;}
.s4_box_left {width:48%; float:left;}
.s4_box_right {width:48%; float:right;}

.section04 ul  {width:100%; margin:12px 0 50px 0; float:left;}
.section04 ul li {float:left; margin-right:25px;}

.lo_icon {vertical-align:-4px; margin-right:10px; max-width:22px;}

.line_p {width:45px; height:2px; background:#0061b3; margin:18px 0}

.list_ul{width:98%; float:left; margin-top:20px;}
.list_ul>li {text-align:left;width:100%; float:left; background:url('/htm/easthan/sian/img/li_dot2.png') no-repeat center left;  line-height:2.4em; margin-left:5px; }

.list_ul>li  a{color:#555; margin-left:10px; font-size:1.05rem; font-weight:400 }
.list_ul>li  a:hover{color:#333;}
.list_ul>li span{color:#999; float:right; font-size:1rem; font-weight:300;}


.cs_content{ -webkit-box-sizing:border-box; box-sizing:border-box;}
.cs_tit{display:block; border-radius:16.5px; width:110px; height:35px; line-height:35px; background:#ed9516; color:#fff; font-size:1rem; font-weight:500; text-align:center;}
.cs_content .tel{ color:#333 !important; display:block; font-weight:800; margin:10px 0; font-size:2.2em}

.cs_content span{font-size:1.1rem; font-weight:500;}




.cs_content .cs_btnbox{margin-top:15px;}
.cs_btnbox a{position:relative; display:block; padding:15px 30px; -webkit-box-sizing:border-box; box-sizing:border-box; width:48.5%; float:left;}

.cs_btnbox span{top:15px; right:20px}

.cs_content .cs_btnbox .bt1{background:#f09e00; margin-right:3%; font-weight:500; color:#fff;}
.cs_content .cs_btnbox .bt1:hover{background:#333}

.cs_content .cs_btnbox .bt2{background:#333;color:#fff; font-weight:500;}





a.anibutton {}

.aniarrow {
	position:absolute; bottom:50px; right:50px;
    color: #fff;
    margin-left:15px;
	font-size:60px
}

.aniarrow::after {
	display: inline-block;
	padding-left: 8px;
	content: "";
	display: inline-block;
	height: 8px;
	width: 45px;
	background: url('/htm/easthan/sian/img/arr_icon.png') no-repeat 10px 0px;
	transition: transform 0.3s ease-out;
}

.aniarrow:hover {
/*  background:#ddd;*/
/*  color:#333;*/
}
.aniarrow:hover::after {
  transform: translateX(12px);
}




.aniarrow2 {
	position:absolute; bottom:10px; right:50px;
    color: #fff;
    margin-left:15px;
	font-size:60px
}

.aniarrow2::after {
	display: inline-block;
	padding-left: 8px;
	content: "";
	display: inline-block;
	height: 17px;
	width: 50px;
	background: url('/htm/easthan/sian/img/arr_icon_bk.png') no-repeat center;
	transition: transform 0.3s ease-out;
}

.aniarrow2:hover {

}
.aniarrow2:hover::after {
  transform: translateX(12px);
}





 @media all and (max-width:1400px) {
 		.s1_box_left {padding:0 3%}
}


 @media all and (max-width:1200px) {


}

 @media all and (max-width:1000px) {

}

 @media all and (max-width:800px) {
	.in {width:100%; max-width:1400px; margin:0 auto; padding:0; box-sizing:border-box}

		.product .in {padding:80px 3%;}
		.about_bg {padding:80px 3%;}
		.main_section {padding:80px 3%; }

		h2 {font-size:1.8rem; letter-spacing:-0.5px ; line-height:1.2em }
		h3 {font-size:1.1rem}
		h3.h3_tit { font-size:1.8rem; letter-spacing:-2px; }

		.span_br {display:inline;}


		.about  {  background:url('/sian/img/20916701_m.png') no-repeat center;  }

		.about {font-size:1rem}
		.about b {font-size:1.3rem;  line-height:1.4em  }




.introduce ul {position:relative; width:100%; flex-wrap:wrap}
.introduce  li {width:100%;position:relative; display:inline-block;  padding:35px; box-sizing:border-box}


.introduce  li:first-child {width:100%;background:url('/htm/easthan/sian/img/introduce_img01.png') no-repeat center;  background-size:cover; margin-top:10%;}
.introduce  li:last-child {width:100%;background:url('/htm/easthan/sian/img/introduce_img02.png') no-repeat center;  background-size:cover}

.introduce  li a  {font-size:1rem; color:#fff;/* z-index:99999; position:relative; */ }
.introduce p		 {font-size:1.1rem; color:#fff;}


.introduce  li img {width:100%; }




/* global */
.global {padding:10% 0  20% 0; background:url('/htm/easthan/sian/img/global_bg.png') no-repeat center; }

.global_ul {position:relative; width:100%; float:left;  }
.global_ul li {position:relative; width:100%;  background:#fff; display:inline-block;box-sizing:border-box; margin-bottom:10px;  box-shadow:2px 4px 1px rgba(0,0,0,0.1); border:1px solid #ddd;}
.global h3 {color:#fff; font-size:1.1rem; display:inline; line-height:1.45em; width:100%; margin-top:30px}
.global_ul li a  {font-size:1.1rem; padding:15px; color:#333; box-sizing:border-box;  display:block; font-weight:600; }

.recruit_content p {margin-top:0px;}
.contactus h3 {font-size:1.2rem; display:inline; line-height:1em; font-weight:600; margin-bottom:0px;}

.contactus  {background:#fff;  }
.contactus>div>ul {flex-wrap:wrap;}

.contactus>div>ul>li {width:100%; border:1px solid #ddd; vertical-align:top; float:left; padding:30px; box-sizing:border-box;}
.contactus>div>ul>li:first-child {border-right:1px solid #ddd; border-bottom:0px}


.contactus>div>ul>div {width:100%; box-sizing:border-box; padding:3%}
.contactus>div>ul>div  h3 {font-weight:700; font-size:1.3rem; color:#333;}
.contactus>div>ul>div p {width:100%;  padding:10px 0; font-size:0.95rem; color:#999; }
.contactus>div>ul>div  p span {width:100%; display:inline-block; padding-top:10px;}


.contactus .aniarrow {display:none}
.cs_tit{display:block; border-radius:16.5px; width:90px; height:32px; line-height:32px; background:#ed9516; color:#fff; font-size:0.92rem !important; font-weight:500; text-align:center;}
.cs_content .tel{ font-size:2em}


}