@charset "utf-8";

#main_banner{position:relative;width:100%;height:836px;margin-top:100px}
#main_banner .main_img_area{position:relative;width:100%;height:836px;padding-left:100px;}

/*메인 이미지*/
#main_banner .main_img_area .main_img{position:relative;width:100%;height:100%;right:-2%;background:#fff;opacity:0}
#main_banner .main_img .img_list{overflow:hidden;position:absolute;left:50%;top:0;opacity:0;transform:translateX(-50%);transition:all 1s}
#main_banner .main_img .img_list.on{opacity:1}
#main_banner .main_img .img_list img{transform:scale(1.1,1.1);transition:all 1s}
#main_banner .main_img .img_list.on img{transform:scale(1,1)}

#main_banner .main_icon_area{position:absolute;bottom:-98px;left:-2%;width:calc(100% - 100px);height:196px;padding-left:100px;
background: rgba(226,149,135,1);background:linear-gradient(to right, rgba(34,97,149,1) 0%, rgba(1,44,118,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#226195', endColorstr='#012c76', GradientType=1 );opacity:0}

/*icon_bar*/
.main_icon_area .icon_cont{overflow:hidden;width:1200px;height:196px;margin:0 auto}
.main_icon_area .icon_cont .l_box{overflow:hidden;float:left;width:600px}
.main_icon_area .icon_cont .r_box{overflow:hidden;float:right;width:600px}


.main_icon_area .icon_cont .l_box .main_btn{float:left;width:142px;height:142px;margin-top:27px;border-radius:142px;border:1px solid rgba(255,255,255,.4);text-align:center;transition:all .5s;background:url('/sh_img/index/main_banner/mark.png') no-repeat center}
.main_icon_area .icon_cont .l_box .main_btn a{display:block;height:100%;padding-top:48px;font-weight:600;font-size:15px;line-height:23px;color:rgba(255,255,255,.7);font-family: 'Playfair Display', serif;}
.main_icon_area .icon_cont .l_box .main_btn:hover{background:url('/sh_img/index/main_banner/mark_on.png') no-repeat center rgba(255,255,255,.7)}
.main_icon_area .icon_cont .l_box .main_btn:hover a{color:#20669f;transition:all .5s}
.main_icon_area .icon_cont .box_txt{float:left;padding:57px 0 0 40px}
.main_icon_area .icon_cont .tit{margin-bottom:5px;font-size:20px;color:#fff;font-family:'notokr-medium'}
.main_icon_area .icon_cont .txt{font-size:18px;line-height:28px;letter-spacing:-1px;color:rgba(255,255,255,.6);font-family:'notokr-regular'} 


.main_icon_area .icon_cont .r_box .icon{float:left;width:20%;text-align:center}
.main_icon_area .icon_cont .r_box .icon a{display:block}
.main_icon_area .icon_cont .r_box .icon img{display:inline-block;margin:58px 0 10px;transition:all .3s}
.main_icon_area .icon_cont .r_box .icon:hover img{margin-top:43px;}
.main_icon_area .icon_cont .r_box .icon .icon_tit{font-size:17px;color:rgba(255,255,255,.7);transition:all .3s;font-family:'notokr-medium'}
.main_icon_area .icon_cont .r_box .icon:hover .icon_tit{color:#fff}