@charset "utf-8";

button[data-control],
.slick-arrow{position:relative;display:inline-block;margin:0 -4px;width:25px;height:25px;vertical-align:middle;overflow: hidden;}
.slick-arrow:before,
.slick-arrow:after,
button[data-control]:before,
button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
button[data-control="prev"]:before,
button[data-control="next"]:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
button[data-control="prev"]:before{right: -5px;border-width: 0 0 2px 2px;}
button[data-control="next"]:before{left: -5px;border-width: 2px 2px 0 0;}
button[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
button[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.intro {position:relative; padding:65px 0 0; text-align:center;}
.intro:before {display:block; position:absolute; left:0; top:0;z-index:-1; content:''; width:100%; height:489px; background: url(/kr/img/intro12/bg.jpg)no-repeat center bottom / cover ;}
.intro .logo {width: 130px;height: 33px; margin:0 auto 15px; background: url(/common/tmpl/skinB/img/logo.png)no-repeat;background: url(/common/tmpl/skinB/img/logo.svg)no-repeat; font-size:0;}
.intro > .tit {}

.intro .group {width:100%;max-width:1200px;margin: 30px auto;}
.intro .group:after {display:block; clear:both; visibility:hidden; content:''; }
.intro .group .box1 {float:left; width:540px;}
.slideBox {position:relative; background:#a62b43; padding:30px; text-align:left; }
.slideBox .tit {margin:0 0 10px;}
.slideBox .photo_list--wrap {padding:20px;background: #fcf2f2;}
.slideBox .photo_list--wrap .photo_list--item {}
.slideBox .photo_list--wrap .photo_list--item strong {display:inline-block; padding:5px 25px; border-radius:30px; background:#2c2c2c; font-size:16px; color:#fff;}
.slideBox .photo_list--wrap .photo_list--item ul {margin:10px 0 15px; padding:0 25px;}
.slideBox .photo_list--wrap .photo_list--item ul li {position:relative; font-size:15px; color:#555555; }
.slideBox .photo_list--wrap .photo_list--item ul li:before {display:block;position:absolute;left: -10px;top: 10px;content:'';width:3px;height:3px;border-radius:50%;background:#121212;}
.slideBox .photo_list--wrap .photo_list--item ul li b {display:inline-block; font-size:15px;  font-weight:bold; color:#333333; }
.slideBox .photo_list--wrap .photo_list--item ul li span {font-size:15px; color:#a62b43;  }
.slideBox .control {position:absolute;bottom:-35px;right:-20px;z-index:2;width: auto;padding: 12px 25px 15px;border-radius: 0 0 30px 0;background:#141d2a;text-align:center;}
.slideBox .control .inner {display:inline-block; }
.slideBox .control button[data-control],
.slideBox .control .slick-arrow{margin:0;width:20px;height:20px; font-size:0;}
.slideBox .control .slick-prev:before,
.slideBox .control .slick-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.slideBox .control .slick-prev:before{right: -5px;border-width: 0 0 2px 2px;}
.slideBox .control .slick-next:before{left: -5px;border-width: 2px 2px 0 0;}
.slideBox .control button[data-control="stop"]:before{width: 2px;height: calc(100%/1.8);box-shadow: -3px 0 #fff, 3px 0 #fff;}
.slideBox .control button[data-control="play"]:before{right: 0;width: 0;height: 0;border-width: 8px 0 8px 11px;border-style: solid;border-color: transparent transparent transparent #fff;}
.slideBox .control .paging {display:inline-block;margin: 0 0 0 10px;}
.slideBox .control .paging span {display:inline-block;margin: 0 3px;color:#fff;font-size:15px;font-weight:700;}
.slideBox .control .paging span.current {color:#ffc000;}


.intro .group .box2 {float:right; width:calc(100% - 570px); }
.intro .group .box2 ul.list1 {margin:0 -15px; }
.intro .group .box2 ul.list1:after {display:block; clear:both; visibility:hidden; content:'';}
.intro .group .box2 ul.list1 li {float:left; width:calc(33.33% - 30px); margin:0 15px 25px;}
.intro .group .box2 ul.list1 li a {display:block; position:relative; height:170px; line-height:1.3; padding:25px 0 0;  border:1px solid #d3d3d3; background:#fff; font-size:16px; color:#000; transition:all 0.3s; -webkit-transition:all 0.3s;}
.intro .group .box2 ul.list1 li a:before {display:block; opacity:0; position:absolute; left:0; top:0; content:''; width:100%; height:100%; border:7px solid #a62b43; box-sizing:border-box; transition:all 0.3s; -webkit-transition:all 0.3s;}
.intro .group .box2 ul.list1 li a:hover,
.intro .group .box2 ul.list1 li a:focus {color:#a62b43; font-weight:bold; }
.intro .group .box2 ul.list1 li a:hover:before,
.intro .group .box2 ul.list1 li a:focus:before {opacity:1;}

.intro .group .box2 ul.list1 li .ico {display:block; width:70px; height:70px; margin:0 auto 10px; background:url(/kr/img/intro12/ico_ir8.png)no-repeat; }
.intro .group .box2 ul.list1 li .ico2 {background-position:-70px 0;}
.intro .group .box2 ul.list1 li .ico3 {background-position:-140px 0;}
.intro .group .box2 ul.list1 li .ico4 {background-position:0 -70px;}
.intro .group .box2 ul.list1 li .ico5 {background-position:-70px -70px;}
.intro .group .box2 ul.list1 li .ico6 {background-position:-140px -70px;}
.intro .group .box2 ul.list1 li .ico7 {background-position:-210px  0;}
.intro .group .box2 ul.list1 li .ico8 {background-position:-210px -70px;}
.intro .group .box2 ul.list1 li .ico9 {background-position:-280px 0px;}
.intro .group .box2 ul.list1 li .ico11 {background-position:-280px -70px;}


.intro .group .box2 ul.list2 {}
.intro .group .box2 ul.list2:after {display:block; clear:both; visibility:hidden; content:'';}
.intro .group .box2 ul.list2 li {float:left; width:25%;}
.intro .group .box2 ul.list2 li a {display:block; line-height:1.3; font-size:15px; color:#666666; transition:all 0.3s; -webkit-transition:all 0.3s; }
.intro .group .box2 ul.list2 li .ico {display:block; width:80px; height:80px; margin:0 auto 8px; border-radius:50%; background:#f1f1f1 url(/kr/img/intro12/ico_ir3.png)no-repeat; transition:all 0.3s; -webkit-transition:all 0.3s;}
.intro .group .box2 ul.list2 li .ico2 {background-position:-80px 0;}
.intro .group .box2 ul.list2 li .ico3 {background-position:-160px 0;}
.intro .group .box2 ul.list2 li .ico4 {background-position:-240px 0;}
.intro .group .box2 ul.list2 li .ico5 {background-position:-320px 0;}
.intro .group .box2 ul.list2 li .ico6 {background-position:-400px 0;}
.intro .group .box2 ul.list2 li a:hover,
.intro .group .box2 ul.list2 li a:focus {font-weight:bold; color:#111111;}
.intro .group .box2 ul.list2 li a:hover .ico,
.intro .group .box2 ul.list2 li a:focus .ico {background-color:#a62b43;}

.intro .copy {padding: 40px 20px;font-size: 15px;color: #5d5d5d;}


@media(max-width:1259px){
    .intro .group {max-width:100%; padding:0 30px;}
    .slideBox .control {right:-10px;}
}

@media(max-width:1199px){
    .intro .group .box1 {float:none; width:100%; margin:0 0 50px}
    .intro .group .box2 {float:none; width:100%;}
}
.intro > .tit.tit_mo {display:none;}

@media(max-width:580px){
    .intro .group {padding:0 20px;}
	.intro > .tit.tit_pc {display:none;}
    .intro > .tit.tit_mo {display:block;}
    .slideBox {padding:20px 20px 30px;}
    .slideBox .photo_list--wrap {padding:10px;}
    .intro .group .box2 ul.list1 {margin:0 -10px; } 
    .intro .group .box2 ul.list1 li {width:calc(50% - 20px); margin:0 10px 20px}
    .intro .group .box2 ul.list2 li {width:50%;height: 126px;margin: 25px 0 0;}
    .intro .slogan {display:none;}
}