/* BASIC css start */
.main #header { top:40px; }
#footer {margin-top:0 !important;}


img {max-width:100%;}
/* 상단 문구 */
.maintopTxt { clear:both; width:100%; background:#282828; height:34px; text-align:center; }
.maintopTxt div { }
.maintopTxt a { display:block; line-height:34px; color:#fff; font-size:10px; text-transform:uppercase; cursor:pointer; }

/* 메인 이미지 연동 배너 */
#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 !important; bottom:15px; z-index:10; text-align:center; width:100%; cursor:pointer;}
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 4px; text-indent: -9999px; background: url(/design/tutu77/onedesign/mobile/images/btn_mainimg_off.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px; }
#event .pagination .swiper-active-switch { background: url(/design/tutu77/onedesign/mobile/images/btn_mainimg_on.png) no-repeat center center; background-size: 100% 100%; width:10px; height:10px;}

/* 배너박스 */
.borderBox { -webkit-box-sizing:border-box; -khtml-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }


/* 중앙 배너 */
#main_middle_banner { clear: both; margin: 0 auto; text-align: center; }
#main_middle_banner > ul {display:flex;flex-direction:column;}
#main_middle_banner li {position:relative;;display: inline-block; width: 100%; vertical-align: top; overflow: hidden; position: relative; }
#main_middle_banner li:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.25);z-index:2;}
#main_middle_banner a { display: block; }
#main_middle_banner a img { position:relative;display: block; width: 100%; vertical-align: top; }

#main_middle_banner .txtBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;padding: 0 30px;box-sizing: border-box;z-index:3;}
#main_middle_banner .txtBox > div {}
#main_middle_banner .txtBox div > div {    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 1.7;
    zoom: 1;
    display: flex
;
    flex-direction: column;
    gap: 14px;}
#main_middle_banner .txtBox div > div h2 {font-family: 'Georgia', Sans-serif;font-size:22px;font-weight: normal;color: #fff;line-height:1;}
#main_middle_banner .txtBox div > div p {font-size: 12px;}
#main_middle_banner .txtBox div > div p.button {font-size: 14px;font-weight: bold;text-decoration: underline;}
#main_middle_banner .txtBox:hover { transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); }
#main_middle_banner .txtBoxblack > div { }
#main_middle_banner .txtBoxblack > div > div { color: #fff; }
#main_middle_banner .txtBoxblack div > div h2 {color: #e3e3e3;display: block;line-height: 1.3;font-size: 18px;}
/* 회사소개 팝업 */
.popupLayer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; }
.popupLayer .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222; opacity: 0.95; filter: alpha(opacity=95); z-index: 99999; }
.popupLayer .pop-layer { display: block; }
.pop-layer {display: none;position: absolute;top: 50%;left:0%;width: 100%;max-width:100%;height: 100%;z-index: 99999;overflow-y: auto;transform: translateY(-50%);}
.pop-layer .pop-container {padding: 35px 25px;margin: 0 !important;}
.pop-layer .pop-conts { clear: both; margin: 0 !important; }
/* 팝업내용 */
.pop-layer #con_txt {clear: both;text-align: left;}
.pop-layer #con_txt .aboutVideo { clear: both; }
.pop-layer #con_txt .aboutTit {clear: both;color: #e3e3e3;line-height: 1.9;font-size: 12px;font-family: 'Montserrat', 'Noto Sans KR', Sans-serif;}
.pop-layer #con_txt .aboutTit b {font-weight: normal;}
.pop-layer #con_txt .aboutTit b:first-child {font-size:16px;font-weight:600}

/* 닫기 */
.pop-layer .close_btn { clear: both; margin: 20px auto 0; width: 40px; padding: 10px; }
.pop-layer .close_btn a.cbtn { display: inline-block; }
/* //회사소개 팝업 */


#bannerWrap { position:relative; display:block; width:100%; height:250px; }
#bannerWrap .txtBox { position:absolute; top:0; left:0; width:100%; height:auto; margin:0 auto; }
#bannerWrap .txtBox > div { display:table !important; text-align:center; width:100%; height:250px;/*background:#fff; padding:2px;*/ }
#bannerWrap .txtBox div > div {
	/*border:1px solid #222; */
	padding:0;
	display:table-cell !important;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	font-size:11px;
	letter-spacing:0.05em; 
	line-height:22px; 
}

#bannerWrap .txtBox div > div h2 { font-family:'Georgia', Sans-serif; font-size:18px; font-weight:normal;  /*color:#7a7575;*/color:#fff; }
#bannerWrap .txtBox div > div p { font-size:8px; text-transform:uppercase; line-height:16px;}
#bannerWrap .txtBox div > div p.button { font-size:10px; font-weight:bold; text-decoration:underline; margin:5px 0 0; }

#bannerWrap .txtBoxblack > div { /*background:#222;*/ }
#bannerWrap .txtBoxblack > div > div { /*border:1px solid #e6e6e6; color:#e3e3e3;*/ color:#fff; }
#bannerWrap .txtBoxblack div > div h2 { color:#e3e3e3; }

/* 탭 상품 박스 */
#main_tab { clear:both; height:auto; overflow:hidden; margin:40px auto; }
#main_tab h2 { text-align:center; font-size:18px; color:222; font-weight:700; letter-spacing:0.02em; vertical-align:top; margin:0 0 15px; }

/* 탭메뉴 */
#tab_bigbox { clear:both; width:100%; height:auto; margin:0 auto; }
#tab_bigbox ul.tabs { clear:both; text-align:center; padding:0 10px; height:20px; border:0; font-size:11px; }
#tab_bigbox ul.tabs li { position:relative; display:inline-block; text-align:center; cursor:pointer; line-height:20px; font-size:11px; letter-spacing:0.05em; color:#a3a3a3; margin:0 7px; }
#tab_bigbox ul.tabs li.active { color:#222; text-decoration:underline; }

/* 탭내용 */
.tabbox { clear:both; margin:20px auto 0; }
.tabbox .tab_content { }
.tabbox .tab_content ul { width:100%; margin:0px; }
.tabbox .tab_content ul li { list-style-type:none; list-style-type:none; display:inline-block; *display:inline; *zoom:1; }
/* //탭 상품 박스 */


/* 공지사항 */

.noticeMain {padding:30px 0; text-align:center;}
.noticeMain li {    text-align: center;
    line-height: 28px;}
.noticeMain li:hover a {background:#f9f9f9;padding:3px 10px}
.noticeMain li a {
    display: inline-block;
    line-height: 23px;
    font-size: 13px;
    color: #777;;padding:3px 10px;
    font-family : "Nanum Myeongjo",serif;
    letter-spacing: 0;
}
/* BASIC css end */