@charset "utf-8";

/* ---------------------------------- main */
/* 
	main visual 
*/
.main-visual {overflow:hidden; position:relative; width:100%;}
.main-visual .slick > div {position:relative; height:884px; text-align:center;}
.main-visual .slick > div a {position:relative; display:block; width:100%; height:884px; color:#fefefe;}
.main-visual .slick > div a .visual-text {position:absolute; top:50%; left:50%;  margin-left: -520px; padding:30px 50px 40px 20px; width:1040px; font-size:0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.main-visual .slick > div a .visual-text > div {display:inline-block; vertical-align:top;}
.main-visual .slick > div a .visual-text .text-inner {width:100%;}
.main-visual .slick > div a .visual-text .img-box {width:176px;}
.main-visual .slick > div a .visual-text .img-box img {z-index:111;}

/* .main-visual .slick > div a .visual_text {position:absolute; top:0; left:0; z-index:11; display:block; width:100%; height:100%; background: rgba(0,0,0,.4); opacity:0;} */

.main-visual .slick > div a h1 {z-index:111; letter-spacing: 2px; font-weight:700; font-size:55px; line-height:1.4; color:#fff; word-break:keep-all; font-family: 'Noto Serif', serif;}
.main-visual .slick > div a h2 {z-index:111; font-weight:400; font-size:64px; line-height:1.4; color:#fff; word-break:keep-all; letter-spacing:-1px;}
.main-visual .slick > div a p {z-index:111; font-size:18px; line-height:1.5em; color:#c4c4c4; word-break:keep-all; margin-top: 40px;}
.main-visual .slick_txt * {position:relative; transition:font-size 0.5s ; opacity:0;}
.main-visual .item1 a {background:url('/html/_skin/seil/images/main/main_visual01.jpg') no-repeat center top; background-size:cover;}
.main-visual .item2 a {background:url('/html/_skin/seil/images/main/main_visual01.jpg') no-repeat center top; background-size:cover;}
.main-visual .item3 a {background:url('/html/_skin/seil/images/main/main_visual01.jpg') no-repeat center top; background-size:cover;}


/* visual pager */
.main-visual .slick-dots {position:absolute; bottom:34px; left:0; width:100%; text-align:center; font-size:0; line-height:0;}
.main-visual .slick-dots li {display:inline-block; margin:0 6px; width:auto; height:auto;}
.main-visual .slick-dots li button {display:block; padding:0; width: 16px;height: 16px;background: none;border: 3px solid #fff;border-radius: 50%;-webkit-transition: .5s all;-ms-transition: .5s all;transition: .5s all;transform-origin: center;}
.main-visual .slick-dots li.slick-active button {background: #003e7e;width: 49px;border-radius: 20px;border-color: #003e7e;}
.main-visual .slick-dots li button:before {display:none;}


@media screen and (min-width:1201px) {
}
@media screen and (max-width:1200px) {
	.main-visual .slick > div ,
	.main-visual .slick > div a {height:calc(100vh - 80px);}
	.main-visual .slick > div a .visual-text {margin-left: -42.5%; width:85%; }	
	.main-visual .slick > div a h1 {padding:0 30px; font-size:54px; line-height:1.2; font-family: 'Noto Serif', serif; font-weight: 600;}
	.main-visual .slick > div a p {font-size:20px;}
}
@media screen and (max-width:950px) { 
	/* .main-visual .slick > div a h1 {font-size:40px;}	 
	.main-visual .slick > div a h2 {margin-top: 13px; font-size:24px;}
	.main-visual .slick > div a p {} */
}
@media screen and (max-width:767px) {
	.main-visual .slick > div a h1 {padding:0; font-size:30px; letter-spacing:-0.2px;}
	.main-visual .slick > div a h2 {padding:0; font-size:20px; letter-spacing:-1px;}
	.main-visual .slick > div a p {font-size:17px;margin-top: 20px;}
	.main-visual .slick > div a p:before {margin-left:-25px; width:50px;}
	.bx-controls .bx-pager-item a {border-width:2px;}
	.main-visual .slick > div a .visual-text {padding:30px 50px 40px;}
	.main-visual .slick > div a .visual-text .text-inner {width:100%;}
}
@media screen and (max-width:640px) { 
	.main-visual .slick > div ,
	.main-visual .slick > div a {height:520px;}
	.main-visual .slick > div a p {}
	.main-visual .slick > div a .visual-text { padding:30px 30px 40px;}
}

/* 
	main contents 
*/
.main-section {padding:30px 0 60px; text-align:center;}
.main-conts-title {position:relative; margin-bottom:20px; padding-top:20px; font-weight:700; font-size:46px; line-height:1; letter-spacing:-0.5px;}
.main-conts-title strong {font-weight: 700;}
.main-conts-title + p {margin-bottom:50px; font-weight:400; font-size:20px; line-height:1.4;letter-spacing:-0.5px; word-break:keep-all;}

@media screen and (max-width:1200px) {
	.main-section {padding:60px 0;}
	.main-conts-title {font-size: 36px;}
	.main-conts-title + p {padding:0 30px;}
}
@media screen and (max-width:767px) {
	.main-section {padding:50px 0;}
	.main-conts-title {font-size:20px;}
	.main-conts-title:before {margin-left:-25px; width:50px;}
	.main-conts-title + p {margin-bottom:30px; font-size:14px;}
}


/* section01 */
.section01{background:url('/html/_skin/seil/images/main/main_cont_bg01.jpg') no-repeat center top; background-size:cover; text-align: center; padding:80px 0px; }
.section01 h1{font-size:40px; font-family: 'Noto Serif', serif; color:#ffffff;}
.section01 p{font-size:20px; color:#ffffff;}
.section01 a{font-size:17px; color:#ffffff;}
.section01 a img{margin-bottom: -6px;}



/*section02*/
.main_cont li{width: 50%; display: block; float: left; height: 710px; text-align: center; background-color:#f8f8f8;}
.main_cont li h3{font-size: 50px;color: #484848; font-weight: 500; font-family: 'Noto Serif', serif; line-height: 1.2em; margin-bottom: 10px;}
.main_cont li p{font-size: 20px; color:#909090; letter-spacing: -0.5px; margin-bottom: 30px;}
.main_cont li a{ color:#36497b; padding: 15px 20px; border: 1px solid #36497b; display: inline-block;}
.main_cont li a:hover{color:#ffffff; background-color:#36497b; padding: 15px 20px; border: 1px solid #36497b; display: inline-block;}
.main_cont li .cont-titline{width: 1px; height: 100px; background: #959595; margin: 0 auto;}
.cont-text{position: relative; flex-direction: column; align-items: center; display: flex; justify-content: center;  height: 100%;}
    

/*section03*/
.section03{width:1200px; margin: 0 auto;}
.section03 ul{display: block; float: left; width: 33.333%; border-right: 2px solid #e1e1e1; padding: 20px 30px; text-align: center; margin:30px 0px;}
.section03 ul:last-child{border-right:0px;}
.section03 li:first-child{font-size: 30px; font-weight: 500; color:#36497b;  font-family: 'Noto Serif', serif; margin-bottom:10px;}
.section03 li{color:#909090; word-break: keep-all;}
.section03 li:last-child{margin-top: 10px;}
.section03 li a{color:#3f6fa9;}
.section03 li a:hover{color:#bce1fe;}


/*main_footer*/
.footer-bottom {text-align: center;}
.footer-bottom .sns {display: inline-block; text-align: center; margin: 0 auto;}
.footer-bottom .sns li{display: block; float: left; margin-bottom: 20px; margin-right:5px;}







/******************************moblie******************************/

@media screen and (max-width:480px) {
    .w1200{width: 100% !important; padding: 0px 15px 50px 15px!important;}
    .w1200 img{width: 100% !important;}

    /*main_cont*/
    .main_cont li {width: 100%; height: auto; float: none; padding: 20px; word-break: keep-all;}
    .main_cont li img{width: 100% !important;}
    .main_cont li p{font-size: 17px;}
    .main_cont li p br{display: none !important;}
    .section03 ul{float: none; border-right: none; padding: 15px 20px; text-align: left; margin: 0px;}
    
    
    
    
    
    /******sub******/
    .sub-visual {padding: 20px; word-break: keep-all;}
    
    /*abouts*/
    .cont{padding: 25px 15px !important;}
    .cont h4{font-size: 20px !important; margin-bottom: 10px !important; letter-spacing: -0.5px;}
    .cont01, .cont02{height: 550px !important;}
    .cont03{height: 640px !important;}
    
    
    .aboutus h3{font-size: 40px !important;}
    .sep{height: 150px !important;}
    .aboutus br{display: none;}
    
    .historylist{margin-bottom: 10px;}
    .historylist ul{float: none !important; width: 100% !important;}
    .historylist .text {padding: 15px !important; letter-spacing: -1px;}
    .historylist .day{margin-top: 10px !important;}
    .historylist .day span{padding-right: 5px;}
    .historylist .tit {font-size: 25px; margin-bottom: 0px;}
    
    .ci{padding: 15px !important; }
    .item01 h3{font-size:25px !important; letter-spacing: -0.5px;}
    .color .info_t {margin-top: 20px;}
    .color .info_t li{width: 48%; font-size: 14px;}
    .color .info_t li:last-child{margin-right: 0px;}
    .color .info_t li img{display: block;}    
    .color .info_t li span{letter-spacing: -0.5px;}    
    .item01 p br{display: none !important; }
    .item01 p {word-break: keep-all;}

    .address li{float: none !important;}
    
    /*특허&수상*/
    .certification li{width: 49% !important; margin-right: 1% !important; letter-spacing: -0.5px; font-size: 15px;}
    
    /*brand*/
    .brand .b_cont01 .text{width: 100% !important; height: auto !important; padding: 20px !important; word-break: keep-all; margin: 0px !important;}
    .brand .b_cont01 .text br{display: none !important;}
    .brand .b_cont02 .text{width: 100% !important; height: auto !important; padding: 20px !important; word-break: keep-all; margin: 0px !important;}
    .brand .b_cont02 .text br{display: none !important;}
    .board-wrap .webzine-board-list tbody tr td.board-subject div strong, span{font-size:15px !important; line-height: 1.2em !important; }
    .board-wrap .webzine-board-list tbody tr td.board-subject div span{height: auto !important;}
    .section.board-wrap{padding: 0px !important;}
    
    
    /*product*/
    .tab li{width: 100% !important; border-bottom: 1px solid #d7d7d7;}
    .item .p_t h3{font-size: 25px !important;}
    .item .p_t{width: 100% !important; padding: 0px !important;}
    .tabcontent{padding: 15px !important; margin-bottom: 0px !important;}
    
    
    
    /*bord*/
    .board-subject img{width: auto !important;}
    .footer-bottom .sns li{margin-bottom: 0px !important;}
    .board-name{display: none !important;}
    
    
    /*footer*/
    #footer .footer-bottom {padding:20px !important;}	 
    
}