@charset "utf-8";

/* 슬라이드 */
#slideshow {overflow:hidden;position:absolute;right:-70px;top:0;z-index:5;width:100%;height:100%;opacity:.75}
#slides {position:relative;width:100%;height:100%;list-style:none;overflow:hidden;margin:0 auto}
#slides li {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background-repeat:no-repeat}
#slides .img01 {background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
#slides .img02 {background-image:url(/sh_img/index/main_banner/main_banner02.jpg)}
#slides .img03 {background-image:url(/sh_img/index/main_banner/main_banner03.jpg)}

/* 메인텍스트 */
#main_visual {/*overflow:hidden*/;position:relative;width:100%;height:100%;min-width:1100px}
#main_visual .main_area {position:relative;z-index:10;width:1100px;height:100%;margin:0 auto;}

#slides .txt_area{position:relative;width:1100px;height:100%;margin:0 auto;}
#slides .txt {position:absolute;left:0;top:150px;font-size:16px;line-height:1.8;color:#fff;text-transform:uppercase;font-family: 'Montserrat', sans-serif;}
#slides .s_txt {display:inline-block;padding:6px 28px;margin-left:50px;font-size:16px;background:rgba(255,255,255,0.2);opacity:0}
#slides .s_txt span {font-family:notokr-medium}
#slides .b_txt {margin-left:-50px;padding:22px 0 25px;font-size:72px;line-height:1;letter-spacing:-2px;font-weight:100;opacity:0;}
/*#slides .b_txt span {font-weight:700;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(231,194,164,1) 63%, rgba(231,194,164,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(36%, rgba(255,255,255,1)), color-stop(63%, rgba(231,194,164,1)), color-stop(100%, rgba(231,194,164,1)));
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(231,194,164,1) 63%, rgba(231,194,164,1) 100%);
background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(231,194,164,1) 63%, rgba(231,194,164,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(231,194,164,1) 63%, rgba(231,194,164,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 36%, rgba(231,194,164,1) 63%, rgba(231,194,164,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7c2a4', GradientType=1 );
-webkit-background-clip: text;
background-clip: text;
color: transparent;}*/

#slides .cont {font-size:17px;color:#fff;font-family:'notokr-regular';opacity:0}
#main_visual .main_area .main_box {position:absolute;right:0;bottom:-50px;width:573px;height:220px;font-size:15px;letter-spacing:-.1px;line-height:1.6;color:#fff;text-align:center;opacity:0;-webkit-box-shadow:18px 18px 36px 0px rgba(0,0,0,0.22);
-moz-box-shadow:18px 18px 36px 0px rgba(0,0,0,0.22);box-shadow:18px 18px 36px 0px rgba(0,0,0,0.22);text-transform:none;
background: rgba(187,157,131,1);
background: -moz-linear-gradient(left, rgba(187,157,131,1) 0%, rgba(187,131,87,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(187,157,131,1)), color-stop(100%, rgba(187,131,87,1)));
background: -webkit-linear-gradient(left, rgba(187,157,131,1) 0%, rgba(187,131,87,1) 100%);
background: -o-linear-gradient(left, rgba(187,157,131,1) 0%, rgba(187,131,87,1) 100%);
background: -ms-linear-gradient(left, rgba(187,157,131,1) 0%, rgba(187,131,87,1) 100%);
background: linear-gradient(to right, rgba(187,157,131,1) 0%, rgba(187,131,87,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb9d83', endColorstr='#bb8357', GradientType=1 );}

#main_visual .main_area .main_box .box_tit {position:absolute;top:57px;left:40px;text-align:left}
#main_visual .main_area .main_box .box_tit p{font-size:20px;line-height:28px;font-family:'notokr-medium'}
#main_visual .main_area .main_box .box_tit p span{display:block;font-size:27px;font-family:'notokr-bold'}
#main_visual .main_area .main_box .box_tit .txt{display:block;padding-top:17px;font-size:15px;line-height:22px;color:#eae1da;font-family:'notokr-regular'}
#main_visual .main_area .main_box ul{position:absolute;right:42px;top:52px}
#main_visual .main_area .main_box ul li {display:inline-block;position:relative;width:100px;height:117px;font-size:14px;border:1px solid rgba(255,255,255,.5);background-position:center 35px ;background-repeat:no-repeat;transition:all .2s}
#main_visual .main_area .main_box ul li:before {display:block;content:"";position:absolute;width:100%;height:0;background-color:#fff}
#main_visual .main_area .main_box ul li:hover {background-color:#fff}
#main_visual .main_area .main_box ul li:hover a {color:#cd9c75}
#main_visual .main_area .main_box ul li a {display:block;height:100%;padding-top:79px;color:#fff;transition:all .2s}
#main_visual .main_area .main_box ul li:first-child {background-image:url(/sh_img/index/main_banner/icon01_off.png)}
#main_visual .main_area .main_box ul li:nth-child(2) {margin:0 2px;background-image:url(/sh_img/index/main_banner/icon02_off.png)}
#main_visual .main_area .main_box ul li:last-child {background-image:url(/sh_img/index/main_banner/icon03_off.png)}

/*eng*/
#main_visual .main_area .eng_icon li{position:relative;background-position: center 25px !important;}
#main_visual .main_area .eng_icon li a{position:absolute;width:100px;padding-top:67px !important;line-height:20px;text-align: center;}

/* pager */
.pagination {position:absolute;left:24px;bottom:212px;margin-left:-27px}
.pagination li {float:left;width:23px;height:2px;margin-right:7px;background:rgba(255,255,255,.6); transition:all .3s}
.pagination li:hover {background-color:#fff;cursor:pointer}
li.current {background-color:#fff}

/* 좌우버튼 */
#main_visual .controls {display:none}