@charset "utf-8";
/************************************************************************
* filename : style.css
* description :전체 스타일
* date : 2017.12.26
************************************************************************/

/* 메인페이지 */
.main .visual_wrap{overflow: hidden}
.main .visual_slide {overflow: visible;width: 1140px;margin:0 auto}
.main .visual_slide a.visual_bg{display: block;background-repeat: no-repeat;background-position: center center;background-size: cover}
.main .visual_slide a.visual_bg.mobile {display: none}
.main .visual_slide.owl-carousel .owl-stage-outer{overflow: visible}
.main .visual_slide .owl-stage{overflow: visible}
.main .visual_slide .owl-dots{text-align: center;position: absolute;bottom:20px;left:0;right:0}
.main .visual_slide .owl-dot{display: inline-block;vertical-align: middle;float: none;background: #cdcdcd;}
.main .visual_slide .owl-dot:first-child{margin-left: 0;}
.main .visual_slide .owl-dot.active{background: #005fb7;}
.main .visual_slide .owl-item:after{position: absolute;content: "";top:0;right:0;bottom:0;left:0;background:url(../images/main_slide_overlay.png)}
.main .visual_slide .owl-item.active:after{content: none}
.main .visual_slide .owl-prev{width: 61px;position:absolute;top:50%;margin-top:-30px;left:20px;}
.main .visual_slide .owl-next{width: 61px;position:absolute;top:50%;margin-top:-30px;right:20px;}


.main .news{padding: 50px 0 40px 0;}
.main .news .inner{overflow: hidden}
.main .news .news_list{float: left;width: 380px;border-left: 1px solid #d0d1d1;box-sizing: border-box;padding:0 25px}
.main .news .news_list:first-child{margin-left: 0;border-left: 0;padding-left: 0;}
.main .news .news_list:first-child+div+div{padding-right: 0;}
.main .news .news_list>div{margin-bottom: 15px;}
.main .news .news_list>div a{display: block;}
.main .news .news_list>div strong{color:#161616;font-size: 24px;font-weight: 600;line-height: 1em;vertical-align: middle}
.main .news .news_list>div img{width: 22px;margin-left: 10px;vertical-align: middle;}
.main .news .news_list ul li a{display: block;font-size: 16px;line-height: 22px;color:#040404;margin-bottom: 9px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.main .news .news_list ul li a:hover{text-decoration: underline;}

.main .mid_banner_slide a.mid_banner_bg{display: block;background-repeat: no-repeat;background-position: center center;background-size: cover}
.main .mid_banner_slide a.mid_banner_bg.mobile {display: none}
.main .mid_banner_slide .owl-prev{position:absolute;width: 39px;top:50%;left:10px;margin-top: -19px;}
.main .mid_banner_slide .owl-next{position:absolute;width: 39px;top:50%;right:10px;margin-top: -19px;}


.main .quick_menu_wrap {padding: 45px 0 50px 0;}
.main .quick_menu{overflow: hidden}
.main .quick_menu li{/*float: left;*/text-align: center;box-sizing: border-box;/*width: 20%;*/;border-left: 1px solid #d0d1d1;}
.main .quick_menu li:first-child{border-left: 0;}
.main .quick_menu li a{overflow: hidden}
.main .quick_menu li a img{overflow: hidden;width: auto; max-width: 100%}
.main .quick_menu li a span{display: block;font-size: 19px;line-height: 1em;color:#161616;margin-top: 17px;}

.btm_menu_wrap{text-align: center;padding-bottom: 85px;}
.btm_menu_wrap .inner{display: inline-block;overflow: hidden;width: 1140px;}
.btm_menu_wrap .btm_menu_left{float: left;width: 360px;margin-right: 12px;}
.btm_menu_wrap .btm_menu_center{float: left;width: 396px;margin-right: 12px;}
.btm_menu_wrap .btm_menu_right{float: right;width: 360px;}
.btm_menu_wrap .btm_menu_item{background-repeat: no-repeat;text-align: left}
.btm_menu_wrap .btm_menu_item a{width:  100%;display: inline-block;height: 100%;}
.btm_menu_wrap .btm_menu_item+.btm_menu_item{margin-top: 12px;}
.btm_menu_wrap .btm_menu_item.mn_01{background-image:url(../images/btm_banner_img_01.png);height: 350px;}
.btm_menu_wrap .btm_menu_item.mn_02{background-image:url(../images/btm_banner_img_02.png);height: 231px;}
.btm_menu_wrap .btm_menu_item.mn_03{background-image:url(../images/btm_banner_img_03.png);height: 593px;}
.btm_menu_wrap .btm_menu_item.mn_04{background-image:url(../images/btm_banner_img_04.png);height: 235px;}
.btm_menu_wrap .btm_menu_item.mn_05{background-image:url(../images/btm_banner_img_05.png);height: 347px;}

.btm_menu_wrap .btm_menu_item.mn_01 p{color:#1e333c;font-weight: 600;font-size:20px;line-height: 35px;margin-top: 75px;margin-left: 30px;}
.btm_menu_wrap .btm_menu_item.mn_01 p strong{font-weight: 700;display: block;font-size:33px;line-height: 1em; color:#0f496e;}

.btm_menu_wrap .btm_menu_item.mn_02 p{color:#1e333c;font-weight: 600;font-size:20px;line-height: 35px;margin-top: 80px;margin-left: 30px;}
.btm_menu_wrap .btm_menu_item.mn_02 p strong{font-weight: 700;display: block;font-size:33px;color:#0f496e;}

.btm_menu_wrap .btm_menu_item.mn_03 p{color:#1e333c;font-weight: 600;font-size:20px;line-height: 35px;margin-top: 60px;margin-left: 30px;}
.btm_menu_wrap .btm_menu_item.mn_03 p strong{font-weight: 700;display: block;font-size:33px;color:#0f496e;}
.btm_menu_wrap .btm_menu_item.mn_03 div{font-size:18px;font-weight: 600;line-height: 30px;color:#515151;margin:25px 0 25px 30px}
.btm_menu_wrap .btm_menu_item.mn_03 span{margin-left: 30px;font-size:16px;line-height: 33px;color:#0f496e;font-weight: 600;width: 94px;text-align: center;border: 1px solid #0f496e;box-sizing: border-box}

.btm_menu_wrap .btm_menu_item.mn_04 p{color:#1e333c;font-weight: 600;font-size:20px;line-height: 35px;margin-top: 90px;margin-right: 30px;text-align: right;}
.btm_menu_wrap .btm_menu_item.mn_04 p strong{font-weight: 700;display: block;font-size:33px;color:#195607;}

.btm_menu_wrap .btm_menu_item.mn_05{background-position: left top}
.btm_menu_wrap .btm_menu_item.mn_05 p{color:#1e333c;font-weight: 600;font-size:20px;line-height: 35px;margin-top: 40px;margin-left: 30px;}
.btm_menu_wrap .btm_menu_item.mn_05 p span{color:#e5032c;font-size:30px;}
.btm_menu_wrap .btm_menu_item.mn_05 p strong{font-weight: 700;display: block;font-size:33px;color:#0f496e;}
.btm_menu_wrap .btm_menu_item.mn_05 a>img{margin-left: 30px;margin-top: 20px;}


/* media_query */

@media all and (max-width:1140px){
    .main .visual_slide{width: 100%;}
    .main .visual_slide,
    .main .visual_slide a.visual_bg{height: 0;padding-bottom: 82%;}
    .main .visual_slide a.visual_bg.mobile {display: block}
    .main .visual_slide a.visual_bg.pc{display: none}
    .main .visual_slide .owl-item:after{content: none}
	.main .news .news_list{width: 33.33%;padding:0 15px}
	
    .main .mid_banner_slide a.mid_banner_bg.mobile {display: block;height: 0;padding-bottom: 56.5%;}
    .main .mid_banner_slide a.mid_banner_bg.pc {display: none}
    .main .quick_menu_wrap{padding:50px 0}

    .btm_menu_wrap .inner{width: 95%;}
    .btm_menu_wrap .btm_menu_left{width: 100%;overflow: hidden}
    .btm_menu_wrap .btm_menu_center{width: 100%;}
    .btm_menu_wrap .btm_menu_right{width: 100%;overflow:hidden}
    .btm_menu_wrap .btm_menu_item{background-size: cover}
    .btm_menu_wrap .btm_menu_item.mn_01{float: left;width: 50%;height: 250px;background-position: right center;}
    .btm_menu_wrap .btm_menu_item.mn_01 p{font-size:22px;line-height: 35px;margin-top: 91px;margin-left: 20px;}
    .btm_menu_wrap .btm_menu_item.mn_01 p strong{font-size:33px;}
    .btm_menu_wrap .btm_menu_item.mn_02{float: left;width: 50%;height: 250px;background-position:  right top;margin-top: 0 !important;}
    .btm_menu_wrap .btm_menu_item.mn_02 p{margin-top:91px;margin-left: 20px;}
    .btm_menu_wrap .btm_menu_item.mn_02 p strong{font-size:33px;}
    .btm_menu_wrap .btm_menu_item.mn_03{height: 350px;background-position: left center;background-size: cover}
    .btm_menu_wrap .btm_menu_item.mn_03 div br{display: none}
    .btm_menu_wrap .btm_menu_item.mn_03 div br:first-child+br{display: block}
    .btm_menu_wrap .btm_menu_item.mn_04{float: left;width: 50%;height: 250px;background-position: 200px center;background-color:#aada6a}
    .btm_menu_wrap .btm_menu_item.mn_04 p{font-size:22px;line-height: 35px;margin-top: 91px;margin-left: 20px;text-align: left}
    .btm_menu_wrap .btm_menu_item.mn_04 p strong{font-size:33px;}
    .btm_menu_wrap .btm_menu_item.mn_05{height: 250px;width: 50%;float: left;margin-top: 0 !important;}
    .btm_menu_wrap .btm_menu_item.mn_05 p{margin-top: 20px;margin-left: 20px;}
    .btm_menu_wrap .btm_menu_item.mn_05 p span{font-size:26px;line-height: 26px}
    .btm_menu_wrap .btm_menu_item.mn_05 p strong{font-size:33px;}
    .btm_menu_wrap .btm_menu_item.mn_05 a>img{width: 100px;}
}


@media all and (max-width:760px){
    .main .visual_slide .owl-dots{bottom:10px;}
    .main .visual_slide .owl-dot{width: 12px;height: 12px;}
    .main .visual_slide .owl-prev{width: 35px;margin-top: -17px;}
    .main .visual_slide .owl-next{width: 35px;margin-top: -17px;}



    .main .news{padding: 25px 0}
	.main .news .news_list{float: none;width: 100%;border-left: 0;padding:0;border-top: 1px solid #d0d1d1;margin-top: 20px;padding-top: 20px;}
	.main .news .news_list:first-child{border-top: 0;margin-top: 0;padding-top: 0;}
	.main .news .news_list>div{margin-bottom: 11px;}
	.main .news .news_list>div strong{font-size:20px;}
	.main .news .news_list>div img{margin-left: 6px;}
	.main .news .news_list ul li a{font-size:15px;line-height: 18px;margin-bottom:5px;}

    .main .mid_banner_slide .owl-prev{left:15px}
    .main .mid_banner_slide .owl-next{right:15px}

    .main .quick_menu_wrap{padding:10px 0;overflow: hidden}
    .main .quick_menu:after{content: "";display: block;position: absolute;right:0;width: 60px;top:0;bottom:0;background: #000;background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.58) 42%, rgba(255,255,255,0.31) 69%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.58) 42%,rgba(255,255,255,0.31) 69%,rgba(255,255,255,0) 100%); background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.58) 42%,rgba(255,255,255,0.31) 69%,rgba(255,255,255,0) 100%);pointer-events: none;}


    .main .quick_menu li{padding:20px 0}
    .main .quick_menu li a span{font-size:16px;margin-top: 10px;line-height: 20px}
    .main .quick_menu .owl-dots{position: absolute;left:0;right:0;bottom:10px;text-align: center}
    .main .quick_menu .owl-dot{display: inline-block;vertical-align: middle;float: none;width: 12px;height: 12px;}
    .main .quick_menu .owl-dot:first-child{margin-left: 0;}
    .main .quick_menu .owl-dot.active{background: #005fb7;}
    .main .quick_menu li a img{max-width: 80%;margin:0 auto}

    .btm_menu_wrap{padding-bottom: 45px;}
    .btm_menu_wrap .inner{width: 95%;}
    .btm_menu_wrap .btm_menu_item.mn_01{height: 180px;background-position: left top;display: table}
    .btm_menu_wrap .btm_menu_item.mn_01>a{display: table-cell;vertical-align: middle}
    .btm_menu_wrap .btm_menu_item.mn_01 p{font-size:16px;line-height: 22px;margin-top: 0;margin-left: 10px;margin-right: 10px;}
    .btm_menu_wrap .btm_menu_item.mn_01 p strong{font-size:18px;}
    .btm_menu_wrap .btm_menu_item.mn_02{height: 180px;background-position: center center;display: table}
    .btm_menu_wrap .btm_menu_item.mn_02>a{display: table-cell;vertical-align: middle}
    .btm_menu_wrap .btm_menu_item.mn_02 p{margin-top:0;margin-left: 10px;font-size:16px;line-height: 22px;margin-right: 10px;}
    .btm_menu_wrap .btm_menu_item.mn_02 p strong{font-size:18px;}
    .btm_menu_wrap .btm_menu_item.mn_03{height:220px;background-position: left -20px;background-size: cover;display: table;width: 100%;}
    .btm_menu_wrap .btm_menu_item.mn_03>a{display: table-cell;vertical-align: middle}
    .btm_menu_wrap .btm_menu_item.mn_03 p{margin-top:0;margin-left: 10px;font-size:16px;line-height: 22px;margin-right: 10px;}
    .btm_menu_wrap .btm_menu_item.mn_03 p strong{font-size:18px;}
    .btm_menu_wrap .btm_menu_item.mn_03 div{font-size:16px;margin:10px;line-height:  22px;}
    .btm_menu_wrap .btm_menu_item.mn_03 div br{display: none !important}
    .btm_menu_wrap .btm_menu_item.mn_03 div br:first-child+br{display: block}
    .btm_menu_wrap .btm_menu_item.mn_03 span{margin:0 10px;font-size:14px;line-height:  24px;width:  80px;}
    .btm_menu_wrap .btm_menu_item.mn_04{height: 180px;background-position: 130px center;display: table}
    .btm_menu_wrap .btm_menu_item.mn_04>a{display: table-cell;vertical-align: middle}
    .btm_menu_wrap .btm_menu_item.mn_04 p{font-size:16px;line-height: 22px;margin-top: 0;margin-left: 10px;margin-right: 10px;}
    .btm_menu_wrap .btm_menu_item.mn_04 p strong{font-size:18px;}
    .btm_menu_wrap .btm_menu_item.mn_05{height: 180px;background-position: left top;display: table}
    .btm_menu_wrap .btm_menu_item.mn_05>a{display: table-cell;vertical-align: middle}
    .btm_menu_wrap .btm_menu_item.mn_05 p{font-size:16px;line-height: 22px;margin-top: 0;margin-left: 10px;margin-right: 10px;}
    .btm_menu_wrap .btm_menu_item.mn_05 p span{font-size:20px;line-height: 20px}
    .btm_menu_wrap .btm_menu_item.mn_05 p strong{font-size:18px;}
    .btm_menu_wrap .btm_menu_item.mn_05 a>img{width: 60px;}
}
@media all and (max-width:420px){
    .btm_menu_wrap .btm_menu_item.mn_04{background-position:80px center}
}
@media all and (max-width:360px){
    .btm_menu_wrap .btm_menu_item.mn_03 div{font-size:14px;line-height: 18px}
}