@charset "utf-8";
#main_banner_wrap{padding-top:300px;background:url('/sh_img/index/main_banner/img/main_banner_bg.jpg') no-repeat}

.main_banner {position:relative;max-width:1200px;margin:0 auto;top:0;z-index:60}
.main_banner .move_txt01{position:absolute;top:-245px;height:130px;margin-top:-10px;opacity:0;font-size:45px;line-height:57px;color:#423629;letter-spacing:-.5px;font-family:'Noto Serif KR'}
.main_banner .move_txt01 i{font-style:normal;font-weight:500;color: #111;}
.main_banner .move_txt01 span{font-weight:900;color:#8b6d4c}
.main_banner .move_txt02{display:none;position:absolute;top:-100px;left:0;padding-left:56px;font-size:17px;line-height:29px;color:#777;letter-spacing:-.3px;font-family:'notokr-regular'}
.main_banner .move_txt02:before{position:absolute;left:0;top:13px;content:'';width:44px;height:1px;background:#8b6d4c}

.main_index{position:absolute;z-index:99;left:0;right:0;bottom: 57px;background:rgba(139,109,76,.8)}
.main_index>ul{overflow:hidden;max-width:1200px;margin:0 auto}
.main_index>ul>li{float:left}
.main_index .main_in01{width:990px}
.main_index .main_in01 .cont_tit{float:left;width:100px;font-size:15px;font-weight:600;line-height:80px;color:#fff;font-family:'Poppins', sans-serif}
.main_index .main_in02{width:210px;height:100%;background:#fff}
.main_index .main_in02 a{display:block;width:100%;height:100%;font-size:14px;line-height:80px;text-align:center;color:#8b6d4c;font-family:'notokr-medium'}
.main_index .main_in02 a i{margin-left:6px}

#main_banner_bg ul li{width:100%;height:100%;background-position:center;background-repeat:no-repeat;/* background-size:cover; */} 
#main_banner_bg ul .n1{background-image:url(/sh_img/index/main_banner/main_banner01.jpg)}
#main_banner_bg ul .n2{background-image:url(/sh_img/index/main_banner/main_banner02.jpg)}
#main_banner_bg ul .n3{background-image:url(/sh_img/index/main_banner/main_banner03.jpg)}

/*main_banner_img slide*/
#main_banner_bg{position:absolute;left:0;top: 132px;width:100%;height:100%;text-align:center}
.l_box .bx-controls{display:block;position:absolute;top:680px;left:571px;width:100%;z-index:9999;margin:0 auto}
.l_box .bx-pager{display:block}
.l_box .bx-pager div{display:inline-block}
.l_box .bx-pager div a{display:block;width:10px;height:10px;background:rgba(255,255,255,0.6);margin-left:10px;border-radius:11px;text-indent:-100px;overflow:hidden;-webkit-transition:all .2s;transition:all .2s}
.l_box .bx-pager div:first-child a{margin-left:0}
.l_box .bx-pager div a.active{background:#6bc7c9;width:26px;transition:1s}
.l_box .bx-controls-direction{display:none;position:absolute;width:250px;top:100px;left:0}
.l_box .bx-controls-direction a {position:absolute;background:url('/sh_img/index/main_banner/img/arrow.png') no-repeat;width:31px;height:54px;text-indent:-100px;overflow:hidden;opacity:0.5}
.l_box .bx-controls-direction a:hover{opacity:1}
.l_box .bx-controls-direction a.bx-prev{left:20px;background-position:left top}
.l_box .bx-controls-direction a.bx-next{right:20px;background-position:right top}

/*main_banner_info_link*/
.main_info_link{position:relative;max-width:1200px;margin:0 auto;text-align:center;color:#fff;letter-spacing:-.3px;font-family:'notokr-regular'}
.main_info_link .info{position:absolute;width:420px;height: 298px;padding:40px;top: -245px;right:0;z-index:99;background:url(/sh_img/index/main_banner/img/info_bg.png)}
.main_info_link .info i{display:block;margin-bottom:3px;font-style:normal;font-size:15px;font-family:'notokr-medium'}
.main_info_link .info strong{display:block;font-weight:600;font-size:30px;font-family:'Poppins';letter-spacing:0}
.main_info_link .info span{display:block;color:rgba(255,255,255,.5)}
.main_info_link .info .time{margin-top:20px;padding: 20px;border-top:1px solid #e1e1e1;/* text-align: center; */letter-spacing: 0.5px;}
.main_info_link .info dl{display:block;line-height:1.6}
.main_info_link .info dl dt{display: flex;padding-right:6px;font-family:'notokr-bold';}
.main_info_link .info dl:nth-child(1) dt{letter-spacing:0.8px}
.main_info_link .info dl:nth-child(3) dt{letter-spacing:2px}
.main_info_link .info dl:nth-child(4) dt{letter-spacing:1px}

.main_info_link .info dl dd{display:inline-block;}
.main_info_link .link{position:absolute;width:420px;height:335px;padding:35px;right:0;top: 50px;z-index:99;background:#8b6d4c}
.main_info_link .link p{display:inline-block;position:relative;font-weight:600;font-size:15px;font-family:'Poppins';letter-spacing:0}
.main_info_link .link p:before{position:absolute;top:10px;left:-20px;width:4px;height:4px;border-radius:50px;content:'';background:#fff}
.main_info_link .link p:after{position:absolute;top:10px;right:-20px;width:4px;height:4px;border-radius:50px;content:'';background:#fff}
.main_info_link .link ul{overflow:hidden;margin-top:10px}
.main_info_link .link ul li{float:left;width:33.33%}
.main_info_link .link ul li:nth-child(1) a{background:url(/sh_img/index/main_banner/img/link_icon01_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(2) a{background:url(/sh_img/index/main_banner/img/link_icon02_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(3) a{background:url(/sh_img/index/main_banner/img/link_icon03_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(4) a{background:url(/sh_img/index/main_banner/img/link_icon04_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(5) a{background:url(/sh_img/index/main_banner/img/link_icon05_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(6) a{background:url(/sh_img/index/main_banner/img/link_icon06_off.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(1) a:hover{background:url(/sh_img/index/main_banner/img/link_icon01_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(2) a:hover{background:url(/sh_img/index/main_banner/img/link_icon02_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(3) a:hover{background:url(/sh_img/index/main_banner/img/link_icon03_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(4) a:hover{background:url(/sh_img/index/main_banner/img/link_icon04_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(5) a:hover{background:url(/sh_img/index/main_banner/img/link_icon05_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(6) a:hover{background:url(/sh_img/index/main_banner/img/link_icon06_on.png) no-repeat center 25px}

.main_info_link .time dl {display:flex;margin:0;font-size: 16px;}
.main_info_link .time dt {width: 110px;color: #fff}
.main_info_link .time dd {margin: 0;color: #fff}

.main_info_link .link ul li a{display:block;padding-top:85px;font-size:15px;color:rgba(255,255,255,.5);font-family:'notokr-medium';-webkit-transition:all .2s;transition:all .2s}
.main_info_link .link ul li a:hover{color:#fff}

/* 반응형 [s] */
@media (max-width:1200px){
.main_info_link .link, .main_info_link .info{width:calc(100% / 3)}
.main_banner .move_txt01{left:20px;font-size:42px}
.main_banner .move_txt02{left:20px;font-size:15px}
.main_index{padding:0 20px}
.main_index .main_in01{width:85%}
.main_index .main_in02{width:15%}
.main_info_link .time dt{width:auto}
.main_info_link .time dl{font-size:15px}
}
@media (max-width:1024px){
#main_banner_wrap{padding-top:460px}
#main_banner_bg{top:0;height:460px}
.main_banner{text-align:center}
.main_banner .move_txt01{top:-313px;left:50%;width:100%;color:#fff;transform:translateX(-50%)}
.main_banner .move_txt01 i,.main_banner .move_txt01 span{color:#fff}
.main_banner .move_txt02{left:50%;width:100%;top:-174px;padding-left:0;color:#fff;transform:translateX(-50%)}
.main_banner .move_txt02:before{display:none}
.main_info_link{height: 430px;}
.main_info_link .link{position:relative;top:auto;right:auto;float:left;width:calc(100% - (100% / 3));height:100%}
.main_info_link .link ul{margin-top:0}
.main_info_link .info{position:relative;top:auto;right:auto;float:left;height:100%;padding:70px 30px}
.main_banner_bg{position:absolute;left:0;top:0;width:100%;height:100%}
.main_info_link .link ul li a{color:#fff}
.main_info_link .link ul li:nth-child(1) a{background:url(/sh_img/index/main_banner/img/link_icon01_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(2) a{background:url(/sh_img/index/main_banner/img/link_icon02_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(3) a{background:url(/sh_img/index/main_banner/img/link_icon03_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(4) a{background:url(/sh_img/index/main_banner/img/link_icon04_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(5) a{background:url(/sh_img/index/main_banner/img/link_icon05_on.png) no-repeat center 25px}
.main_info_link .link ul li:nth-child(6) a{background:url(/sh_img/index/main_banner/img/link_icon06_on.png) no-repeat center 25px}
.main_index{position:relative;padding:0 0 0 20px;bottom:79px}
.main_index .main_in01{padding-right:20px;width:70%}
.main_index .main_in02{width:30%}
.main_index .main_in02 a{background-color:#f7f7f7}
.main_info_link .time dl{font-size:13px;}
}
@media (max-width:900px){
.main_info_link .info .time{padding:20px 0 0}
.main_info_link .info strong{font-size:26px}
}
@media (max-width:768px){
#main_banner_bg{height:360px}
#main_banner_wrap{padding-top:360px}
.main_banner .move_txt01{top: -263px;font-size:36px;line-height:46px}
.main_banner .move_txt02{top: -147px;line-height:25px;white-space:pre-line}
.main_info_link{height:auto}
.main_info_link .info{float:none;width:100%;padding:25px 20px}
.main_info_link .info dl{display: flex;justify-content: center;align-items: center;}
.main_info_link .link{float:none;width:100%;padding:25px 0}
.main_index .main_in01{width:calc(100% - 110px)}
.main_index .main_in02{width:110px}
.main_index .main_in01 .cont_tit{width:85px}
.main_index{bottom:0}
}
@media (max-width:530px){
#main_banner_wrap{padding-top:364px}
#main_banner_bg{top:0;height:364px}
.main_banner .move_txt01{top:-285px;font-size: 27px;line-height: 37px;}
.main_banner .move_txt01 span{display:block}
.main_banner .move_txt02{top:-139px}
.main_index .main_in02{display:none}
.main_index .main_in01{width:100%}
.main_info_link .info dl{display:block;padding-bottom:10px}
.main_info_link .info dl:last-child{padding-bottom:0}
.main_info_link .info dl dt{flex-direction:column}
}
/* 반응형 [e] */

