/* BASIC css start */
/***** 메인 *****/
#container { margin-top: 0 !important; }

/* 롤링배너 */
.mainBanner { position: relative; margin-top: 65px; }
.mainBanner:after {content:"";clear:both;display:block;}

/*메인배너 페이저*/
.mainBanner .bx-pager {
    position: absolute;
    bottom: 20px;
    z-index: 10;
    width: 100%;
    text-align: center;}
.mainBanner .bx-pager-item {
    display: inline-block;
     height: 20px;
     margin: 0 2px;}

.mainBanner a.bx-pager-link {
   display: inline-block;
    margin: 0 2px;
    text-indent: -9999px;
    width: 13px;
    height: 13px;
    background: url('/design/pjpspwww/onedesign/mobile/images/bann_off.png') center center no-repeat;
    background-size: 7px 7px;
}
.mainBanner a.bx-pager-link.active {background: url('/design/pjpspwww/onedesign/mobile/images/bann_on.png') center center no-repeat;
    width: 35px;
    height: 13px;
    background-size: 35px 5px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.mainBanner .bx-controls-direction {}


#event:after {content:"";clear:both;display:block;}


#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position:absolute; bottom:20px; z-index:10; width:100%; text-align:center; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; width: 13px; height: 13px; background: url('/design/pjpspwww/onedesign/mobile/images/bann_off.png') center center no-repeat; background-size: 7px 7px; }
#event .pagination .swiper-active-switch { background: url('/design/pjpspwww/onedesign/mobile/images/bann_on.png') center center no-repeat; width: 35px; height: 13px; background-size: 35px 5px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/* //롤링배너 */


/** 롤링배너(영역) **/
#rollbann { width: 100%; height: auto; padding: 30px 0; text-align: center; }
#rollbann_tlt { width: 100%; height: auto; text-align: center; margin: 0 0 30px; display:inline-block; *display:inline; *zoom:1; font-family: "Julius Sans One","Nanum Gothic",sans-serif; font-size: 23px; font-weight: 300; line-height: 25px; color: #272727; }
#rollbann_tlt span { display:inline-block; *display:inline; *zoom:1; width: 100%; height: 30px; line-height: 30px; font-size: 15px; color: #525252; }
#rollbann .latest_btn a { border: 1px #838383 solid; color: #333; background: #fff; font-family: "Raleway","Nanum Gothic",sans-serif; font-weight: 500; padding: 15px 50px; border-radius: 3px; font-size: 12px; line-height: 15px; }
/** 롤링배너(스크립트) **/
#rollbann .main_visual { position: relative; width: 100%; min-height: 190px; margin: 0 auto; overflow: hidden; }
#rollbann .main_visual .bxslider2 { display: block;	width: 100%; min-height: 190px; margin: 0 0 auto; z-index: 10; }
#rollbann .main_visual .bxslider2:after { content: ""; clear: both; display: block; }
#rollbann .main_visual .bxslider2 li { width: 100%; min-height: 190px; margin: 0 auto; cursor: pointer; }
#rollbann .main_visual .bxslider2 li .img_slider { min-height: 190px; }
#rollbann .main_visual .bxslider2 li .img_slider .latest_cont { width: 75%; height: auto; min-height: 70px; margin: 0 auto 20px; overflow: hidden; line-height: 15px; color: #555; font-size: 9px; white-space: pre-wrap; }
/* 좌우 버튼 */
#rollbann .main_visual .bx-controls-direction { z-index: 999; position: absolute; top: 50px; left: 0; width: 100%; height: 35px; }
#rollbann .main_visual .bx-controls-direction .bx-prev { z-index: 999; position: absolute; top: 0px; left: 5%; display: block; background: url(/design/pjpspwww/onedesign/mobile/images/bann_btn_l.png) no-repeat left top; background-size: 100% auto; width: 50px; height: 30px; text-indent: -5000em; }
#rollbann .main_visual .bx-controls-direction .bx-next { z-index: 999; position: absolute; top: 0px; right: 5%; display: block; background: url(/design/pjpspwww/onedesign/mobile/images/bann_btn_r.png) no-repeat left top; background-size: 100% auto; width: 50px; height: 30px; text-indent: -5000em; }
/* 하단 버튼 */
#rollbann .main_visual .bx-pager { display:none; position: absolute; left:0; top: 0px; width: 100%; height: 20px; z-index: 999; text-align: center; }
#rollbann .main_visual .bx-has-controls-direction .bx-pager-item { display: inline-block; *display:inline; *zoom:1; height: 20px; margin: 0 2px; }
#rollbann .main_visual .bx-has-controls-direction .bx-pager-item a { display: block; width: 10px; height: 15px; text-indent: -5000em; font-size: 0; background: url(/design/pjpspwww/onedesign/mobile/images/bann_off.png) no-repeat center center; background-size: 70% auto;  }
#rollbann .main_visual .bx-has-controls-direction .bx-pager-item a.active { width: 40px; height: 15px; background: url(/design/pjpspwww/onedesign/mobile/images/bann_on.png) no-repeat center center;  background-size: 100% auto; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }


/* 메인탭 */
#main_tab { background: url('/design/pjpspwww/onedesign/mobile/images/bg_marble.jpg') center center no-repeat; min-height: 200px; background-size: 100% 100%; padding: 40px 0; margin-bottom: 40px; }
#main_tab .cmm_tlt2 { margin-bottom: 0px; }
#main_tab .cmm_tlt2 .tlt_descr_l{display:inline-block; padding:10px 0; font-size:10px; line-height:15px;}
#tab_bigbox {clear:both; width:100%;  margin:0 auto; }
#tab_bigbox ul.tabs {margin: 0; padding: 0; float: left; text-align: center; list-style: none; width:100%;  height:auto; line-height:38px;  border:0;  font-size:11px;}
#tab_bigbox ul.tabs li { display:inline-block; *display:inline; *zoom:1; position:relative; width:29%; height:20px; line-height: 20px; padding: 5px 0; margin-left: 5px; text-align: center; cursor:pointer; border-radius:5px; background: none; border: 1px #8c8c8c solid; color: #5c5c5c; }
#tab_bigbox ul.tabs li.active { background: none; border: 1px #272727 solid; color: #272727; }
.tabbox {clear:both; width:94%; padding:5% 3% 3% 3%; }
.tabbox .tab_content{background:#fff;}
.tabbox .tab_content ul { width:100%; margin:0px; font-size:0; line-height:0; letter-spacing:0;}
.tabbox .tab_content ul li {list-style-type:none; list-style-type: none; text-transform:uppercase;}


/** 텍스트배너 **/
#txt_bann { width: 100%; height: auto; overflow: hidden; position: relative; text-align:center; padding-bottom:80px;}
#txt_bann:after{content:"";display:block;clear:both;}
#txt_bann #txt_bann_obj { width: 40%; height: auto; float:left; }
#txt_bann #txt_bann_obj img{width:100%;}
#txt_bann .inner_txt { position:absolute; left:45%; }
#txt_bann .inner_txt .tlt { margin-top: 10px; padding-top: 20px; background: url('/design/pjpspwww/onedesign/images/m_tlt_bar.gif') 0 0 no-repeat; }
#txt_bann .inner_txt .tlt h2 { display:inline-block; *display:inline; *zoom:1; width: 100%; height: auto; font-size: 18px; line-height: 26px; color: #272727; font-weight: 300; font-family: "Julius Sans One","Nanum Gothic",sans-serif; text-align:left;}
#txt_bann .descr { padding-right:15px; box-sizing:border-box;display:inline-block; *display:inline; *zoom:1; font-size: 11px; color: #7f7f7f; line-height: 15px; text-align:left; position:absolute; top: 130px; left: 45%; width:55%;}
#txt_bann .text_btn { display:inline-block; color:#333; background:#fff url('/design/pjpspwww/onedesign/images/bann_more_arr.png')  no-repeat 100% 100%; font-family: "Raleway","Nanum Gothic",sans-serif; font-weight:500; padding:15px 70px 25px 0; font-size:10px; line-height:15px; position:absolute; top:240px; right:15px;}

/* BASIC css end */