/* BASIC css start */
/* 메인 이미지 연동 배너 */
#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 {display:none; position:absolute; bottom:20px; left:0; text-align:center; width:100%; font-size:0; line-height:0; }

/* 메인 타이틀 */
.main_title {clear:both; width:100%; text-align:center; padding:25px 0 0;}
.main_title h2 {font-size:11px; font-family:'Lato', 'arial', 'Dotum'; color:#222;  font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:10px; margin-bottom:10px; background:url(/design/andcotton/onedesign/mobile/images/line_main_tit.gif) center bottom no-repeat; }
.main_title span {font-size:10px; font-family:'Dotum'; color:#888;}

.main_title2 {clear:both; width:100%; text-align:center; padding:30px 0 15px;}
.main_title2 h2 {font-size:11px; font-family:'Lato', 'arial', 'Dotum'; color:#222;  font-weight:normal; text-transform:uppercase; letter-spacing:0.1em; padding-bottom:10px; margin-bottom:10px; background:url(/design/andcotton/onedesign/mobile/images/line_main_tit.gif) center bottom no-repeat; }
.main_title2 span {font-size:10px; font-family:'Dotum'; color:#888;}

/* 메인 공지사항*/
.main_notice {clear:both; width:100%; margin:0 auto; text-align:center;}
.main_notice .no_more {text-align:center; padding:5px 0 0;}
.main_notice .no_more a {color:#a5a5a5; font-style:italic; font-size:10px;}

.main_notice li {display:block; font-size:10px; font-family: 'Lato', 'Dotum';  height:22px; line-height:22px; color:#888; text-align:center;}
.main_notice li  a {display:block; font-size:10px; color:#888; line-height:22px; text-decoration:none; padding-left:0px}

/* 메인 배너박스 */
.banner_box {clear:both; width:95%; height:auto; margin:25px auto 0; border-top:1px solid #e8e8e8;}
.banner_box2 {clear:both; width:95%; height:auto; margin:20px auto 0; border-top:1px solid #e8e8e8;}
.banner_box2 .line {clear:both; width:100%; height:1px; border-top:1px solid #e8e8e8;}
.banner_box .imgbanner01,
.banner_box2 .imgbanner03 {width:49.5%; height: auto; float:left; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;}

.banner_box .imgbanner02,
.banner_box2 .imgbanner04 {width:49.5%; height: auto; float:left; border-right:1px solid #e8e8e8;}

.banner_box .imgbanner01 img,
.banner_box .imgbanner02 img,
.banner_box2 .imgbanner03 img,
.banner_box2 .imgbanner04 img {width:100%; height:100%;}

/* 메인 탭 영역 */
#main_tab {clear:both; width:95%; margin:0 auto;}

/* 탭메뉴 */
#tab_bigbox {clear:both; width:100%;  margin:0 auto; border:1px solid #ddd;}
#tab_bigbox ul.tabs {margin: 0; padding: 0; float: left; list-style: none; width:100%;  height:38px; line-height:38px;  border:0;  font-size:11px;}
#tab_bigbox ul.tabs li {position: relative; float: left; text-align:center; cursor: pointer; width:33.33%; height:38px; line-height: 38px; background:#f5f5f5; overflow: hidden; color:#555; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-transform:uppercase; font-family:'Lato', 'Dotum'; font-size:10px; }
#tab_bigbox ul.tabs li.active {background:#fff; color:#555; border-bottom:0}
#tab_bigbox ul.tabs li.end {border-right:0; width:32.69%;}

/* 탭내용 */
.tabbox {clear:both; width:94%; padding:5% 3% 3% 3%;}
.tabbox .tab_content { }
.tabbox .tab_content ul { width:100%; margin:0px; padding:0 !important;}
.tabbox .tab_content ul li {list-style-type:none; list-style-type: none; text-transform:uppercase; margin-bottom:0 !important;}
.tabbox .tab_content ul li a {margin:0 !important;}

/* BASIC css end */