@charset "utf-8";

/* 메인 */

/* BX슬라이드 관련 */
.bx-wrapper{position: relative;margin:0 auto;padding: 0;*zoom: 1;z-index:0;}
/* PAGER */
.bx-wrapper .bx-pager, .bx-controls-auto{display:none;}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction{}
.bx-wrapper .bx-prev {left:0;background:url("../images/main/btn_controls_prev.png") 0 0 no-repeat;margin-left:46%;}
.bx-wrapper .bx-next {right:0;background:url("../images/main/btn_controls_next.png") 0 0 no-repeat;margin-right:46%;}
.bx-wrapper .bx-controls-direction a {position:absolute;bottom:4%;margin-top: -50px;outline:0;width:62px;height:62px;text-indent:-9999px;z-index:30000;}
.bx-wrapper .bx-controls-direction a.disabled{display:none;}

/* 메인컨텐츠 */
.m_banner_wrap{position:relative;top:80px;}
.m_banner_wrap .slide_m{display:none;}

.m_banner_wrap .visual_txt{position:absolute;width:100%;padding:8% 10%;margin:5% 0 0;z-index:10;background:rgba(0,0,0,0.3);box-sizing:border-box;color:#fff;}
.m_banner_wrap .visual_txt .txt_ttl{font-size:50px;margin-bottom:15px;}
.m_banner_wrap .visual_txt .txt_ttls{font-size:25px;margin-bottom:20px;}
.m_banner_wrap .visual_txt  span{display:block;line-height:1.3;}

.banner_txt{overflow:hidden;padding:0 20%;box-sizing:border-box;background:#eeeef0;}
.banner_txt li{float:left;width:25%;text-align:center;font-size:16px;}
.banner_txt li a{display:block;padding:20px 0;color:#706f6f;}
.banner_txt li a span{display:block;margin-top:10px;}
.banner_txt li a.active{color:#1a3065;background:url("../images/main/bg_visual.gif") 0 bottom repeat-x;}


.main_con{overflow:hidden;padding:50px 0 30px;}
.main_con li{float:left;width:32.33%;margin:0 0.5%;padding:30px;box-sizing:border-box;border:3px solid #f1f1f1;}
.main_con li img{border:1px solid #f1f1f1;}

.main_con2{overflow:hidden;padding:50px 0 30px;}
.main_con2 li{float:left;width:49%;margin:0.5%;box-sizing:border-box;}

.m_banner_wrap.sub{}
.m_banner_wrap.sub .visual_txt{padding:5.5% 10%;margin:0 0 0;height:100%;text-align:center;background:rgba(0,0,0,0.5);}
.m_banner_wrap.sub .visual_txt .txt_ttl{font-size:55px;margin-bottom:15px;}
.m_banner_wrap.sub .visual_txt .txt_ttls{font-size:20px;margin-bottom:20px;}
.m_banner_wrap.sub .visual_txt  span{display:block;line-height:1.3;}


/* 서브 */
.breadcrumb{padding:80px 10% 0;border-bottom:1px solid #e9e9e9;width:100%;box-sizing:border-box;}
.breadcrumb ul{overflow:hidden;padding:15px 0;}
.breadcrumb ul li{position:relative;float:left;padding:0 10px;font-size:14px;color:#878787;}
.breadcrumb ul li.active{color:#575756;}
.breadcrumb ul li:not(:first-child):before {content: '';position: absolute;top: 50%;left: 9px;margin-top: -3px;margin-left:-15px;width: 6px;height: 6px;border: solid #878787;border-width: 1px 1px 0 0;transform: rotate(45deg);}

input[type='text'], input[type='password'], input[type='file']{display: block;width: 100%;height:50px;padding: 10px 20px;font-size: 16px;line-height: normal;text-align: left;box-sizing: border-box;border-radius: 5px!important;border:1px solid #e5e5e5;background-color:#fff!important;-webkit-appearance: none;outline: none;}
select{display: block;width: 100%;height:50px;padding: 10px 20px;font-size: 16px;line-height: normal;text-align: left;box-sizing: border-box;border-radius: 5px!important;border:1px solid #e5e5e5;background-color:#fff!important;outline: none;}
label{font-weight:600;padding-bottom:5px;display:inline-block;}

textarea{display: block;width: 100%;padding: 10px 20px;font-size: 16px;line-height: normal;text-align: left;box-sizing: border-box;border-radius: 5px!important;border:1px solid #e5e5e5;background-color:#fff!important;-webkit-appearance: none;outline: none;}

/* 온라인발주 */
.online_order{border-top: 1px dotted #cfd4d7;border-bottom: 1px dotted #cfd4d7;margin-top:30px;}
.online_order dl{overflow:hidden;margin:15px;}
.online_order dl dt{float:left;width:20%;vertical-align:middle;padding:10px;box-sizing:border-box;font-weight:500;text-align:left;}
.online_order dl dt span{position:relative;font-weight:500;}
.online_order dl dt span:not(.upload):after{content: "";position: absolute;width: 5px;height: 5px;border-radius: 50%;background: #e16004;top: -3px;right: -6px;}
.online_order dl dd{float:left;width:80%;text-align:left;}
.online_order dl dd input{height:auto;margin:2px 0;}
.online_order dl dd select{height:auto;}
.online_order dl.address{}
.online_order .address .search .ad_num{width:30%;display:inline;margin-right:5px;}
.online_order dl.address dd.search a{color:#fff;background:#172063;display:inline-block;padding: 10px 20px;font-size: 16px;border-radius: 5px!important;vertical-align:middle;}

/* 테이블 */
.tbl_A{width:100%;padding:2px 0;border-collapse: separate;table-layout:fixed;overflow:hidden;border-spacing: 3px;}
.tbl_A th{padding:15px 15px;border:1px solid #e5e5e5;background-color:#172063;color:#fff;border-radius:5px;}
.tbl_A td{padding:10px 15px;border:1px solid #e5e5e5;word-break:break-all;word-break:keep-all;line-height:1.3;border-radius:5px;}
.tbl_A td input{padding:10px 10px!important;height:30px;border:none;text-align:center;}
.btn_area{margin:20px 0 0;}
.btn_area a{display:inline-block;background:#736cbb;color:#fff;padding:10px 30px;border-radius:25px;}

.listD{overflow: hidden;margin: 50px 0 0 0;text-align:left;}
.listD li {padding: 0 0 0 8px;line-height: 1.4;margin:5px 0;background: url(../images/common/ico_dot.gif) 0 0.5em no-repeat;}

@media (max-width:1260px){
.banner_txt li a{font-size:14px;}

}


@media (max-width:1024px){

/* 이미지스왑 */
.pimg{display:none}
.mimg{display:block;}

.m_banner_wrap .slide_p{display:none;}
.m_banner_wrap .slide_m{display:block;}

.bx-wrapper .bx-controls-direction a {display:none;}
.slide_m p{padding:5%;background:#eeeef0;text-align:center;color:#1a3065;font-size:17px;line-height:1.3;}
.slide_m p span{display:block;}

.online_order dl dt{width:100%;}
.online_order dl dd{width:100%;}



}

@media (max-width:979px){
.main_con{overflow:hidden;}
.main_con li{float:none;width:100%;padding:0 0 30px;box-sizing:border-box;}
.main_con li span{display:block;margin-top:10px;font-size:20px;}

.m_banner_wrap .visual_txt{padding:20% 10%;margin:20% 0 0;}
.m_banner_wrap .visual_txt .txt_ttl{font-size:35px;margin-bottom:15px;}
.m_banner_wrap .visual_txt .txt_ttls{font-size:20px;margin-bottom:20px;}
.m_banner_wrap .visual_txt  span{display:inline;line-height:1.3;}

.m_banner_wrap.sub .visual_txt{padding:15% 10%;}
.m_banner_wrap.sub .visual_txt .txt_ttl{font-size:35px;margin-bottom:15px;}
.m_banner_wrap.sub .visual_txt .txt_ttls{font-size:18px;margin-bottom:20px;}
.m_banner_wrap.sub .visual_txt  span{display:inline;line-height:1.3;}

.main_con li{margin:0 0 10px;}
.main_con li img{border:none;}
.main_con2 li{width:100%;margin-bottom:10px;}




}

@media (max-width:767px){
.tbl_A colgroup:nth-child(1){display:none;}
.tbl_A th:nth-child(1){display:none;}
.tbl_A td:nth-child(1){display:none;}

}


@media (min-width:980px){

}

@media (max-width:480px){

}

@media (min-width:1260px){

}