@charset "utf-8";

/*main_layout*/
#layer_popup{width:626px; height:929px;text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 99999;background:#000 }
/*#layer_popup{width:600px; height:690px;text-align:center; position:absolute; top: 0; border: 3px solid #000; z-index: 99999;background:#000 }*/
#layer_popup .img01{float: left; width:50%; border-right: 1px solid #000;}
#layer_popup .img02{float: left; width:50%; border-left: 1px solid #000;}
#layer_popup .img01 img, #layer_popup .img02 img{width:100%;}
#layer_popup .close div{float:left; text-align:right;}
#layer_popup #check{font-size:12px; font-family:'돋움'; color: #fff; position:absolute; bottom:5px; right:45px; }
#layer_popup #close{font-size:12px; position:absolute; bottom:5px; right:10px; }
#layer_popup #close a { color:#000; padding: 2px 3px; background: #fff; }

#main_wrap{}

#main_gal{position:relative;}
#main_gal .banner_container{position:relative;width:100%;min-width:1208px;overflow:hidden;}
#banner_content {position:relative;width:100%; height:680px;}
#banner_content>div {position:absolute;top:0;left:0;width:100%;height:100%; overflow:hidden;}
#banner_content div.area{display:block; width:100%; height:100%;}
#banner_content div.area img{position: absolute;top:160px;left:50%;margin-left:-480px;width:514px;height:auto;}
#banner_content div.img1 {background: url('/img/main/main_visual_bg.jpg') center center no-repeat;}
#banner_content div.img2 {background: url('/img/main/main_visual_bg.jpg') center center no-repeat;}
@media screen and (min-width:1921px){
    #banner_content div.area{background-size:100%!important}
}
#main_gal .banner_container .slogan {position: absolute;top: 110px;left: 0;right: 0;width: 100%;max-width:1920px;margin: 0 auto;overflow: hidden;padding: 70px;}
#main_gal .banner_container .slogan p.slogan_txt01{font-size:55px;color:rgba(255, 255, 255, .5);font-weight: 600;line-height:normal;text-align: right;font-family:'Tenada';letter-spacing: -1px}
#main_gal .banner_container .slogan p.slogan_txt02{padding-top:193px;font-size:30px;color:#fff;font-weight:200;line-height:normal;letter-spacing:-1px}
#main_gal .banner_container .slogan p.slogan_txt02 strong{display:block;position:relative;margin-top:36px;font-size:50px;font-family:'Tenada';letter-spacing:-1px;text-shadow:4px 7px 0 rgba(0,0,0,.3)}
#main_gal .banner_container .slogan p.slogan_txt02 strong:after{content:'';position:absolute;left:420px;top:-10px;width:86px;height:63px;background:url(/img/main/icon_slogan.png) no-repeat}

	
#banner_nav{position:absolute;width:130px;height:21px;bottom:20px;left:50%;z-index:1000;text-align:center; margin-left: -30px;}
#banner_nav li{display:inline-block;}
#banner_nav li a{display:inline-block;width:10px;height:10px;margin:0;overflow:hidden;padding:0;background:url('../img/main/btn_main_img2.png') 0 0 no-repeat;text-indent:-9999px}
#banner_nav li a.select {background-position:0 -10px; width:20px;height:10px;} 

	
	
	
button{background: none;}
#btn_prev_banner{position:absolute;top:365px;right:50%;margin-right:700px;cursor:pointer;display: none;}
#btn_next_banner{position: absolute;top:365px;left:50%;margin-left:700px;cursor:pointer;display: none;}



.main_link1{padding:70px 0}
.main_link1 ul{display:flex;justify-content:space-around;padding:40px 0;border-radius:8px;box-shadow:5px 4px 20px 3px rgba(0,0,0,.2)}
.main_link1 ul li{width:20%}
.main_link1 ul li:nth-child(1){background:url(/img/main/quick_link1.png) no-repeat center top}
.main_link1 ul li:nth-child(2){background:url(/img/main/quick_link2.png) no-repeat center top}
.main_link1 ul li:nth-child(3){background:url(/img/main/quick_link3.png) no-repeat center top}
.main_link1 ul li:nth-child(4){background:url(/img/main/quick_link4.png) no-repeat center top}
.main_link1 ul li:nth-child(5){background:url(/img/main/quick_link5.png) no-repeat center top}
.main_link1 ul li a{display:block;padding-top:103px;color:#000;font-weight:400;font-size:20px;text-align:center}

.main_link2{display:flex;justify-content:space-between;padding-bottom:60px}
.main_link2 h2{margin-bottom:13px;color:#bd2748;font-family:'Tenada';font-weight:400;font-size:28px}
.main_link2>div{width:48%;position:relative}
.main_link2 .item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #ddd}
.main_link2 .item .item_date{width:70px;margin-right:30px;color:#aaa;text-align:center}
.main_link2 .item .item_date .day{display:block;font-weight:500;font-size:28px;margin-bottom:11px}
.main_link2 .item .item_date .year-month{display:block;font-weight:200;font-size:18px}
.main_link2 .item .item_cont{display:block;width:calc(100% - 100px);color:#333}
.main_link2 .item .item_cont .tit{font-size:18px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main_link2 .item .item_cont .txt{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main_link2 .item .item_cont:hover{color:#bd2748}
.main_link2 .more{position:absolute;right:0;top:0}

.main_link2 .state{height:125px;}
.main_link2>ul>li div.list ul li{letter-spacing: -1px; font-size: 13px; padding-bottom: 9px; line-height: 18px; color: #666; }
.main_link2>ul>li div.list ul li a{width:200px;height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block}
.main_link2>ul>li div.list ul li.last{padding-bottom: 0;}
.main_link2>ul>li div.list ul li span{float: right; font-size: 11px;  letter-spacing: -1px; color: #999; }

.main_link2 .quick{width:100%; }
.main_link2 .quick ul{padding-top:9px;}
.main_link2 .quick ul li{position:relative;float:left;width:160px;height:85px;padding-left:95px;}
.main_link2 .quick ul li a{display:block;padding-top:35px;line-height:16px;letter-spacing:-1px;}
.main_link2 .quick ul li a.sec{padding-top:28px;}
.main_link2 .quick ul li img{position:absolute;top:0;left:0;}

.main_link2 .product{height:125px;background:url(/img/main/bg_link1.gif) no-repeat right bottom;}
.main_link2 .product p.exp{font-size:12px;color:#5d5d5d;line-height:16px;}
.main_link2 .product img{position:absolute;bottom:0;left:38px;}
.main_link2 .product a{display: block; width: 120px; height: 24px; color: #fff;  letter-spacing: -1px; font-size: 12px; line-height: 24px;  padding-left: 13px; position: relative;}
.main_link2 .product a.bt1{background:url(/img/main/arrow.png) no-repeat 100px 8px #5b5b5b; margin-top: 7px;}
.main_link2 .product a.bt2{background:url(/img/main/arrow.png) no-repeat 100px 8px #3771c7; margin-top: 20px; }

.main_link3{position:relative;background:#fff}
.main_link3 .inner{width:1200px;margin:0 auto}
.main_link3 .banner_wrap{width:100%}
.main_link3 .banner_wrap .main_banner{width:1200px;margin:0 auto;overflow:hidden}
.main_link3 .main_banner h2{float:left;padding:5px 0 5px 40px;font-size:18px;margin-top:30px;background:url(/img/main/banner_icon.gif) no-repeat left center}
.main_link3 .main_banner .play_btn{float:left;margin:36px 0 0 50px;height:23px;position:relative}
.main_link3 .main_banner .slider{width:900px;padding:20px 0 20px 12px;overflow:hidden;position:relative;float:right;border-left:1px solid #ddd}
.main_link3 .main_banner .slider .bx-wrapper{margin:0 auto!important}
.main_link3 .main_banner .slider img{width:189px;height:55px}
.main_link3 .main_banner .slider ul{width:3000px;position:relative}
.main_link3 .main_banner .slider ul li{float:left;padding:0 18px}
.main_link3 .main_banner .slider ul li a{display:block}
.main_link3 .play_btn ul{float:left;overflow:hidden}
.main_link3 .play_btn ul li{float:left;margin-right:2px;cursor:pointer}
.main_link3 .play_btn ul li a{display:block;width:23px;height:23px;background-repeat:no-repeat;background-position:center center;text-indent:-9999px}
.main_link3 .play_btn .btnPrev a{background-image:url(/img/main/banner_prev.gif)}
.main_link3 .play_btn .btnNext a{background-image:url(/img/main/banner_next.gif)}
.main_link3 .play_btn .btnAutoStop a{background-image:url(/img/main/banner_play.gif)}
.main_link3 .play_btn .btnAuto a{background-image:url(/img/main/banner_stop.gif)}


/* ���� CSS */
.banner_container{position: relative; height:680px; z-index: 0;}
.banner_container .slider li{height: 672px; text-indent: -9999px; z-index: 0;}
.banner_container .control{position: relative; bottom: 50px; width: 160px; margin: 0 auto; z-index: 1;}
.banner_container .control #control_btn{display: inline-block; width: 50px; height: 15px;}
.banner_container .control .bx-controls-auto{display: inline-block; width: 50px; height: 15px;}
.banner_container .control .bx-controls-auto .bx-controls-auto-item{display: inline-block; width: 15px; height: 15px; margin: 0 5px;}
.banner_container .control #control_pager{display: inline-block; width: 75px; height: 15px;}
.banner_container .control .bx-pager{display: inline-block; width: 117px; height: 15px;}
.banner_container .control .bx-pager-item{display: inline-block; width: 15px; height: 15px; margin: 0 5px;}
.banner_container .control .bx-stop{display: inline-block; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/main/silder_stop.png) no-repeat;}
.banner_container .control .bx-start{display: inline-block; width: 15px; height: 15px; text-indent: -9999px; background: url(../img/main/silder_play.png) no-repeat;}
.banner_container .control .bx-pager-link.active{display: inline-block; width: 15px; height: 15px; margin: 0 5px; text-indent: -9999px; background: url(../img/main/silder_on.png) no-repeat;}
.banner_container .control .bx-pager-link{display: inline-block; width: 15px; height: 15px; margin: 0 5px; text-indent: -9999px; background: url(../img/main/silder_off.png) no-repeat;}