@charset "utf-8";

/* ---------------------------------- main */
@media screen and (min-width: 991px){
    body.main:before {
        content: '';
        position: fixed;
        width:1px;
        height: 100%;
        right: 60px;
        background: rgba(255,255,255,.3);
        z-index: 99;
    }
}
.quick { position:fixed; top: 50.9%; transform: translateY(-49.1%); right: 54px; z-index:100;}
.quick div { height: 23px; line-height:23px; padding:0; margin-bottom:15px; text-align:right;}
.quick div:last-of-type {margin-bottom:0;}
.quick div a {display:block; position: relative; font-size:0px; }
.quick div a:after {
    content:'';
    position: absolute;
    right:0;
    top:0;
    width: 13px;
    height: 13px;
    border: 2px solid #237ac0;
    border-radius: 6.5px;
    box-sizing: border-box;
}
.quick div a span{display:none; margin-right:13px; position: relative; top:-5px; right: -13px; min-width: 85px; padding: 0 20px; height: 23px; font-size: 12px; line-height: 23px; color: #fff; border-radius: 12px;background:#237ac0; text-align: center; z-index: 100; }
.quick div a.on {}
.quick div a.on span{display:block; }


@media screen and (max-width: 990px){
    .quick {display: none;}
}

/* 
	main visual 
*/
.main-visual {overflow:hidden; position:relative; width:100%;}
.main-visual .slick .slick_col {position:relative; height:100vh; text-align:center;}
.main-visual .slick ._in {position:relative; display:block; width:100%; height:100vh; color:#fefefe;}
.main-visual .slick ._in .visual-text {position:absolute; top:50%; left:50%;  margin-left: auto; margin-right: auto; padding:30px 20px 40px 20px; width:1040px; font-size:0;-webkit-transform: translateY(-50%)translateX(-50%);-ms-transform: translateY(-50%)translateX(-50%);transform: translateY(-50%)translateX(-50%);}
.main-visual .slick ._in .visual-text > div {display:inline-block; vertical-align:top;}
.main-visual .slick ._in .visual-text .text-inner {width:100%;}
.main-visual .slick ._in .visual-text .img-box {width:176px;}
.main-visual .slick ._in .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 h1 {z-index:111; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:70px; line-height:1.1; color:#fff; word-break:keep-all; letter-spacing:-2px; text-transform: uppercase; text-shadow: 3px 3px 3px rgba(0,0,0,.3);}
.main-visual .slick h1 span {color: #3dffdd; opacity: 1;}
.main-visual .slick 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 p {font-family: 'NanumSquare', sans-serif; z-index:111; font-weight:400; font-size:24px; line-height:1.4; color:#fff; word-break:keep-all; margin-top: 20px;}

.main-visual .slick_txt * {position:relative; transition:font-size 0.5s ; opacity:1;}

.main-visual .slick .item2 h1 span {color: #c0ff00;}
.main-visual .slick h1._black {text-shadow: none; color: #000;}
.main-visual .slick .item4 h1 span {color: #bbc100;}
.main-visual .slick p._black { color: #000;}

._black { color: #000!important;}


.main-visual .slick a.btn_round_more { position: relative; display: inline-block; margin-top: 60px; line-height: 1;  height: 54px; padding: 15px 30px; min-width: 170px; color: #fff; font-size: 18px; border: 2px solid #fff; border-radius: 27px;text-align: left; }
.main-visual .slick a.btn_round_more:after {
    content: "";
    width: 30px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 24px; 
    right: 50px;
    opacity: 1;
    background: url(/html/_skin/seil/img/main/more_right_arrow.png)no-repeat;
    transition: linear .3s;
        -webkit-transition: linear .3s;
            -ms-transition: linear .3s;
}
.main-visual .slick a.btn_round_more._black {
    border: 2px solid #000; 
}
.main-visual .slick a.btn_round_more._black:after {
    background: url(/html/_skin/seil/img/main/more_right_arrow_b.png)no-repeat;
}
.main-visual .slick a.btn_round_more:hover,
.main-visual .slick a.btn_round_more:focus{
    color: #fff!important;
    border: 2px solid #237ac0;
    background: #237ac0;
}
.main-visual .slick a.btn_round_more:hover:after, 
.main-visual .slick a.btn_round_more:focus:after {
    right: 30px;
    background: url(/html/_skin/seil/img/main/more_right_arrow.png)no-repeat!important;
} 


.main-visual .item1 ._in {background:url('/html/_skin/seil/img/main/main_visual01.jpg') no-repeat center top; background-size:cover;} 
.main-visual .item2 ._in {background:url('/html/_skin/seil/img/main/main_visual02.jpg') no-repeat center top; background-size:cover;} 
.main-visual .item3 ._in {background:url('/html/_skin/seil/img/main/main_visual03.jpg') no-repeat center top; background-size:cover;} 
.main-visual .item4 ._in {background:url('/html/_skin/seil/img/main/main_visual04.jpg') no-repeat center top; background-size:cover;} 


@media screen and (min-width:1201px) {
}
@media screen and (max-width:1200px) {
    
	.main-visual .slick .slick_col,
	.main-visual .slick ._in {height:calc(100vh - 80px);}
	.main-visual .slick .visual-text {width:85%;}	
	.main-visual .slick h1 {padding:0 30px; font-size:36px; line-height:1.2;}
	.main-visual .slick h2 {font-size: 36px;}
	.main-visual .slick p {font-size:20px;}
}
@media screen and (max-width:950px) { 
    .main-visual .slick ._in .visual-text {
        width: 100%;
    }
	/* .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 ._in .visual-text .text-inner {
        padding: 0 20px;
    }
	.main-visual .slick h1 {padding:0; font-size:28px; letter-spacing:-1px;}
	.main-visual .slick h2 {padding:0; font-size:20px; letter-spacing:-1px;}
	.main-visual .slick p {font-size:16px;margin-top: 20px;}
	.main-visual .slick p:before {margin-left:-25px; width:50px;}
	.main-visual .slick .visual-text {padding:30px 50px 40px;}
	.main-visual .slick .visual-text .text-inner {width:100%;}
}
@media screen and (max-width:640px) { 
	.main-visual .slick .slick_col,
	.main-visual .slick ._in {height:520px;}
	.main-visual .slick p {}
	.main-visual .slick .visual-text { padding:30px 30px 40px;}
}


/* visual pager */

.main-visual .slick-dots {position: static; bottom:0; left:0; width: auto; float: left; text-align:center; font-size:0; line-height:0;}
.main-visual .slick-dots li {display:inline-block; margin:0 6px; width:20px; height:20px;}
.main-visual .slick-dots li button {display:block; padding:0; width: 20px;height: 20px; background: none; border: none; 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: transparent; border: 2px solid #fff; }
.main-visual .slick-dots li button:before { background: #fff; font-size: 0; top: 7px; left: 7px; width: 6px; height: 6px; border-radius: 3.5px;  opacity: 1;}

.main-visual .slick-prev:before,
.main-visual .slick-next:before {display:none;}


.main-slick-controls {
    position: absolute;
    left: 50%;
    bottom: 50px;
    height: 20px;
    transform: translateX(-50%);
}

.main-slick-controls .play-pause {
    position: relative;
    float: right;
    width: 24px;
    height: 20px;
}
/* play/pause */
@media screen and (max-width: 1200px){
    .main-slick-controls .play-pause {display: none;}
}

.main-slick-controls .slick-playback {
    width: 24px;
    height: 20px;
    position: absolute;
    left: 0;
    top:0;
    background: transparent;
    z-index: 99;
}

.main-slick-controls .slick-playback:after {
    content:'';
    position: absolute;
    left: 50%;
    top: 50%;
    font-family: 'FontAwesome'!important;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    transform: translate(-50%, -50%);
}
.main-slick-controls .slick-playback.play:after {
    content:"\f04b";
}
.main-slick-controls .slick-playback.pause:after {
    content:"\f04c";
}


/* 
	main contents 
*/

._white *,
p._white {
    color: #fff!important;
}
.main-section {padding:80px 0; }
.main-conts-title {position:relative; margin-bottom:20px; color: #002b4b; padding-top:20px; font-weight:700; font-size:30px; line-height:1; letter-spacing:-0.5px;}

.main-conts-title:after {
    display: inline-block;
    content: '';
    width: 27px;
    height: 5px;
    margin-left: 15px;
    background: url('/html/_skin/seil/img/main/main_title_img.png')no-repeat;
}
.main-conts-title._white {color: #fff;}
.main-conts-title._white:after {
    background: url('/html/_skin/seil/img/main/main_title_img_w.png')no-repeat;
}
.main-conts-title strong {font-weight: 700;}
.main-conts-title + p {margin-bottom:50px; font-weight:400; font-size:18px; 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; text-align: center;}
	.main-conts-title + p {padding:0 30px; text-align: center;}
}
@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;}
}
@media screen and (max-width:640px) { 
}

/* section01 */


.section01>div {
	position: relative;
}
@media screen and (min-width:1201px) {
    .section01 .header {
        position: absolute;
        left: 0;
        top: 20px;
    }
}
.pro-img-slider {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin-left: 50%;
}

@media (min-width: 1201px) {
    .pro-img-slider {
        box-shadow: 20px 25px 15px rgba(0, 0, 0, .2);
    }
}
@media (max-width: 1200px) {
	.pro-img-slider {
		margin: 0 auto;
	}
}

@media (max-width: 767px) {
	.pro-img-slider .slick-slide img {
		width: 100%;
	}
}

.pro-slick-controls {
	position: absolute;
	bottom: 38.5px;
	left: 0;
	width: 200px;
    height: 35px;
}

.pro-slick-controls>* {
	display: inline-block;
	vertical-align: middle;
}
.pro-slick-arrow {
    width: 75px;
    height: 35px;
    position: absolute;
    left: 0;
    bottom:0;
}
.pro-slick-arrow li {border:1px solid #a0a0a0; width: 35px; height: 35px; cursor: pointer; z-index: 100;}
.pro-slick-arrow .slick_prev:before, 
.pro-slick-arrow .slick_next:before {display: block; content:'';width: 33px; height: 33px; opacity: 1;}
.pro-slick-arrow .slick_prev:before {background: url('/html/_skin/seil/img/main/slick_arrow_prev.png')no-repeat center center;}
.pro-slick-arrow .slick_next:before {background: url('/html/_skin/seil/img/main/slick_arrow_next.png')no-repeat center center;}
.pro-slick-arrow .slick_prev,
.pro-slick-arrow .slick_next {position: absolute;}
.pro-slick-arrow .slick_prev {left:0;}
.pro-slick-arrow .slick_next {right:0;}
.pagingInfo {
    position: absolute;
    height: 30px;
    right:0;
    bottom: 0;
	font-weight: 700;
	font-size: 11px;
	color: #cfcfcf;
}

.pagingInfo strong {
	color: #111;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
}
.pagingInfo strong:last-child {
    color: #999;
    font-size: 16px;
}
.pagingInfo span {
    display: inline-block;width: 26px; height: 2px; margin: 0 10px 5px; vertical-align: middle; background:#555;
}
.pro-txt-slider {
	position: absolute;
	left: 0;
	bottom: 18%;
	width: 100%;
	max-width: 700px;
	background: #f7f7f7;
	color: #333;
	text-align: left;

}
@media (min-width: 1201px) {
    .pro-txt-slider {
        box-shadow: 15px 20px 15px rgba(0, 0, 0, .2);
    }
}
@media (max-width: 1200px) {
	.pro-txt-slider {
		position: static;
		margin: 0 auto;
        max-width: 600px;
        background: #fff;
        padding: 0;
	}
    .pro-slick-controls {
        position: relative;
        bottom: -20px;
        left: 50%;
        margin-left: -100px;
    }

}

.pro-txt-slider .slide {
	display: flex; 
	height: 350px;
	align-items: center;
}
@media (max-width: 1200px) {
    .pro-txt-slider .slide {
        align-items: flex-start;
        height: auto;
        margin-top: 30px;
        margin-bottom: 20px;
    }
}
/*
@media (max-width: 767px) {
	.pro-txt-slider .slide {
		height: 350px;
	}
}
@media (max-width: 400px){
    .pro-txt-slider .slide {
        height: 400px;
    }
}
*/
.pro-txt-slider .slide>div {
	width: 100%;
    padding: 0 45px;
}

.pro-txt-slider h2 {
	position: relative;
	margin-bottom: 30px;
	font-weight: 600;
	font-size: 25px;
}

.pro-txt-slider p {
	margin-bottom: 40px;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: .05em;
	line-height: 1.7;
    color: #999;
    word-break: keep-all;
}

a.detail_view_btn {
	display: block;
	width: 176px;
	height: 56px;
	margin: 0;
	line-height: 56px;
	font-weight: 400;
	font-size: 13px;
	color: #fff;
	text-align: center;
     -webkit-backface-visibility: hidden;
    background-color: #28a7e1;
    background-image: -webkit-linear-gradient(left,#28a7e1,#1c78c7);
    background-image: -moz-linear-gradient(left,#28a7e1,#1c78c7);
    background-image: -ms-linear-gradient(left,#28a7e1,#1c78c7);
    background-image: -o-linear-gradient(left,#28a7e1,#1c78c7);

}
a.detail_view_btn:after {
	content: "";
    width: 53px;
    height: 9px;
    display: inline-block;
    margin-left: 10px;
    background:url('/html/_skin/seil/img/main/detail_view_right_arrow.png')no-repeat;
}

@media (max-width: 1200px) {

.pro-txt-slider .slide>div {
    padding: 0 20px;
}
}
@media (max-width: 767px) {
	.pro-txt-slider h2 {
		font-size: 24px;
	}
	.pro-txt-slider p {
		margin-bottom: 20px;
		font-size: 14px;
	}

	a.detail_view_btn {
		height: 40px;
		line-height: 40px;
	}
}

/* section02 */
#employment {
    background:url('/html/_skin/seil/img/main/bg_section02.jpg')no-repeat;
    background-size: cover;
}
.employment_wrap {
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 20px 20px 20px rgba(0,0,0,.2);
}
.employment_wrap img {vertical-align: top;}
.employment_wrap ._left {
    text-align: center;
    float: left;
    width: 400px;
    height: 520px;
}
.employment_wrap ._right {
    float: right;
    width: 800px;
    height: 520px;
}
@media (min-width: 1221px) {
    .employment_wrap ._left {
        float: left;
    }

    .employment_wrap ._right {
        float: right;
    }
}
.employment_box1 {
    height: 260px;
    background:url('/html/_skin/seil/img/main/bg_employment_box1.jpg')no-repeat;
}
.employment_box2 {
    height: 260px;
    background:url('/html/_skin/seil/img/main/bg_employment_box2.jpg')no-repeat;
}
.employment_box3 {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 100px 90px;
    background:url('/html/_skin/seil/img/main/bg_employment_box3.jpg')no-repeat;
}
@media (max-width: 1220px) {
    .employment_wrap ._left {
        width: 100%;
        height: 260px;
        overflow: hidden;
    }
    .employment_wrap ._left > div {
        width: 50%;
        float: left;
        background-size: cover;
    }
    .employment_wrap ._right {
        width: 100%;
    }
    .employment_box3 {
        padding-left: 180px;
        background-size: cover;
    }

}
@media (max-width: 850px) {

    .employment_box3 ._imgWrap {
        width: 300px;
    }
    .employment_box3 ._imgWrap img{
        width: 100%;
    }
    .employment_wrap ._right {
        height: 450px;
    }
    .employment_box3 {
        padding: 70px 80px;
    }
       
}
@media (max-width: 600px) {
     .employment_box3 {
         text-align: center;
         margin: 0 auto;
        padding: 70px 0px;
        background:#fff;
    }
    .employment_wrap h2:after {
        margin: 0 auto;
    }
    .employment_box3 ._imgWrap {
        display: none;
    }
    .employment_box3 a.detail_view_btn {
        margin: 0 auto;
    }
}
@media (max-width: 600px) {
    .employment_wrap ._left {
        display: none;
    }
}

.employment_wrap h2 {
    font-size: 25px;
    color: #002641;
    font-weight: 600;
    margin: 12px 0 15px;
}
.employment_wrap h2:after {
    content: '';
    display: block;
    width: 40px;
    height: 2px;
    margin-top: 15px;
    background: #0087dc;
}
.employment_wrap p {
    color: #444;
}
.employment_wrap ._left h2 {
    color: #fff;
}
.employment_wrap ._left h2:after {
    margin: 15px auto 0;
    background: rgba(255,255,255,.6);
}
.employment_wrap ._left p {color: #fff;}
.employment_wrap ._left > div {
    padding: 40px 0;
}
.employment_box3 ._imgWrap {
    position: absolute;
    right: 40px;
    bottom: 0;
}
.employment_box3 ._imgWrap img {
    vertical-align: bottom;
}
.employment_box3 a.detail_view_btn {
    margin-top: 45px;
}
/* section03 */
#media {
    background:url('/html/_skin/seil/img/main/bg_section03.jpg')no-repeat;
    background-size: cover;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
        
}
#media .d-flex {justify-content: center;}
#media .d-flex > div{margin: 30px 0;}
.main_media_play_wrap {
    width: 600px;
    margin: 0 auto;
}
@media (min-width: 1201px) {
    .main_media_play_wrap {
        width: calc(100% - 400px);
    }
    #media .main_media_text {
        width: 400px;
        padding-left: 60px;
    }
}
#media .main_media_text p {
    opacity: 0.8;
    font-size: 16px;
    line-height: 1.8;
}
.main_media_link_list {
    display: inline-block;
}
.main_media_link_list li {
    display: block;
    position: relative;
    padding: 13px 40px;
    margin-top: 20px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.3);  
}

.main_media_link_list li:after {
    content: "\f105";
    font-family: 'FontAwesome';
    width: 10px;
    line-height: 10px;
    height: 10px;
    position: absolute;
    right:0;
    bottom: 15px;
    font-size: 16px;
    margin-left: 10px;
    color: #fff;
    font-weight: 100;
}
.main_media_link_list li a {
    display: block;
    line-height: 1;
    opacity: .8;
} 
.main_media_link_list > li:hover a {
    opacity: 1;
}
.main_media_link_list li.brochure {
    background: url('/html/_skin/seil/img/main/ico_brochure.png')no-repeat left 5px center;
} 
.main_media_link_list li.location {
    background: url('/html/_skin/seil/img/main/ico_location.png')no-repeat left 5px center;
} 
.main_media_link_list li.pr_movie {
    background: url('/html/_skin/seil/img/main/ico_pr-movie.png')no-repeat left 5px center;
} 

@media (max-width: 1200px) {
    .main_media_link_list {
        display: block;
        width: 400px;
        margin: 0 auto;
    }
}
@media (max-width: 600px) {
    .main_media_link_list {
        width: 90%;
    }
}


/* youtube */
.embed-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.embed-youtube iframe {
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
}
#video-cover {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000;
    z-index: 9;
}
#video-cover img {
    width: 100%;
    opacity: .8;
}
#displayMovie {
    display: none;
}
#play {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
#play span {  
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    width: 130px;
    height: 130px;
    background: url('/html/_skin/seil/img/sub/pr-center/youtube_play_button.png')no-repeat;
    background-size: cover;
    cursor: pointer;
    opacity: .7;
}
#play:hover span {
    opacity: 1;
}

@media (max-width: 1200px) {
    #play span {
        width: 100px;
        height: 100px;
    }
}
@media (max-width: 767px) {
    #play span {
        width: 50px;
        height: 50px;
    }
}
/* tabNav */
ul.nav-tab {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-size: 0;
}

ul.nav-tab li { 
    font-family: 'NanumSquare',sans-serif;
    display: inline-block;
    width: 50%;
    padding: 12px 15px;
    font-size: 20px;
    font-weight: 600;
    color: #37588e;
    text-align: center;
    border: 1px solid #37588e;
    cursor: pointer;
    background: none;
    box-sizing: border-box;
}
#contactUs ul.nav-tab li {
    width: 50%;
}
ul.nav-tab li+li {
    margin-left:-1px;
}
ul.nav-tab li.active {
    color: #fff;
    border: 1px solid #37588e;
    background: #37588e;
}

.tabcontent {
    display: none;
    padding: 50px 0 0;
}

.tabcontent.active {
    display: inherit;
}
/* // tabNav */

#contactUs .main-conts-title {text-align: center; margin-bottom: 40px;}
.main_contactUs_wrap {
    display: flex;
    flex-wrap: wrap;
}
.contactUs_text_box {
    width: 340px;
    padding-right:20px;
}

.contactUs_text_box h2 {
    font-size: 25px;
    color: #002b4b;
    font-weight: 500;
    padding-bottom: 5px;
}
.contactUs_list li {
    margin-top: 20px;
    padding-left: 40px;
    color: #666;
}
.contactUs_list li.address {
    background: url('/html/_skin/seil/img/main/ico_address.png')no-repeat left top 3px;
}
.contactUs_list li.tel {
    background: url('/html/_skin/seil/img/main/ico_tel.png')no-repeat left top 3px;
}
.contactUs_list li.fax {
    background: url('/html/_skin/seil/img/main/ico_fax.png')no-repeat left top 3px;
}
.contactUs_list li.email {
    background: url('/html/_skin/seil/img/main/ico_email.png')no-repeat left top 3px;
}
.contactUs_map_box {
    width: calc(100% - 340px);
}

#map1,
#map2 {width: 100%; height: 350px;}

@media (max-width: 850px) {
    .contactUs_text_box {width: 100%;}
    .contactUs_map_box {
        margin-top: 30px;
        width: 100%;
    }
    
}