/* BASIC css start */
/* ¸ÞÀÎ */
#footer { margin-top: -4px !important; }
.main #header { top: 50px; }
/* »ó´Ü ¹®±¸ */
.maintopTxt { clear: both; width: 100%; min-width: 1200px; background: #282828; height: 45px; text-align: center; }
.maintopTxt div { max-width: 450px; height: 45px; margin: 0 auto; position: relative; }
.maintopTxt a { line-height: 45px; color: #fff; font-size: 11px; text-transform: uppercase; cursor: pointer; }
.maintopTxt div:after { position: absolute; bottom: 0; left: 0; display: block; content: ""; width: 100%; height: 3px; background-color: #fff; transform: scale3d(0, 1, 1); transform-origin: center center; transition: transform .3s; }
.maintopTxt div:hover:after { transform: scale3d(1, 1, 1); }
/* »ó´Ü ½½¶óÀÌµå ÅØ½ºÆ® */
#slide_wrap .swiper-slide { position: relative; }
#slide_wrap .text-cover { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
#slide_wrap .text-cover > div { display: table !important; text-align: center; width: 60%; height: 100%; margin: 0 auto; background-color: transparent; }
#slide_wrap .text-cover > div > div { display: table-cell !important; vertical-align: middle; text-align: center; color: #fff; font-size: 11px; letter-spacing: 1px; text-transform: uppercase; line-height: 22px; zoom: 1; *display: inline; *position: absolute; *top: 50%; *vertical-align: top; }
#slide_wrap .text-cover > div > div h2 { font-size: 50px; padding: 0 0 10px; line-height: 55px; font-family: 'Montserrat', Sans-serif; font-weight: 700; color: #fff; }
/* Áß¾Ó ¹è³Ê */
#main_middle_banner { position:relative;clear: both; margin: 0 auto; text-align: center;cursor:pointer }
#main_middle_banner:after {content:'';position:absolute;left:0;bottom:0px;width:100%;height:2px;background:#fff;z-index:2;}
#main_middle_banner ul { font-size: 0px; line-height: 0; display: inline; }
#main_middle_banner li {position:relative; display: inline-block; width: 50%; vertical-align: top; overflow: hidden; position: relative; }
#main_middle_banner a { display: block; }
#main_middle_banner a img { display: block; width: 100%; vertical-align: top; }
#main_middle_banner .txtBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; z-index:3;display:flex;justify-content: center;flex-direction: column;align-items: center;gap:20px;}
#main_middle_banner .txtBox > div { }
#main_middle_banner .txtBox div > div { display: flex;align-items: center;justify-content: center;flex-direction: column; color: #fff; font-size: 11px; letter-spacing: 0.05em; line-height: 22px;gap:14px;}
#main_middle_banner .txtBox div > div h2 { font-family: 'Georgia', Sans-serif; font-size:32px; font-weight: normal;  color: #fff;lin-height:1; }
#main_middle_banner .txtBox div > div p { font-size: 14px; }
#main_middle_banner .txtBox div > div p.button { font-size: 14px; font-weight: bold; text-decoration: underline }
#main_middle_banner li:after {content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2);z-index:2;}
#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; }
/* È¸»ç¼Ò°³ ÆË¾÷ */
.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: 50%; width: 660px; height: auto; z-index: 99999; }
.pop-layer .pop-container { padding: 35px 25px 0; margin: 0 !important; }
.pop-layer .pop-conts { clear: both; margin: 0 !important; }
/* ÆË¾÷³»¿ë */
.pop-layer #con_txt { clear: both; text-align: center; }
.pop-layer #con_txt .aboutVideo { clear: both; }
.pop-layer #con_txt .aboutTit { clear: both; margin: 30px 0 0; 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 .close_btn { clear: both; margin: 20px auto 0; width: 40px; padding: 10px; }
.pop-layer .close_btn a.cbtn { display: inline-block; }
/* //È¸»ç¼Ò°³ ÆË¾÷ */
/* ÅÇ »óÇ° ¹Ú½º */
#main_tab { clear: both; margin: 0px auto 0; }
/* ÅÇ¸Þ´º */
#tab_bigbox { clear: both; width: 100%; margin: 0 auto; }
#tab_bigbox h2 { display: inline-block; font-size: 25px; color: 222; font-weight: 700; letter-spacing: 0.02em; vertical-align: top; margin-right: 20px; }
#tab_bigbox ul.tabs { display: inline-block; margin: 0; padding: 0; list-style: none; padding: 0 10px; height: 35px; border: 0; font-size: 11px; }
#tab_bigbox ul.tabs li { position: relative; display: inline-block; text-align: center; cursor: pointer; line-height: 35px; font-size: 12px; letter-spacing: 1px; color: #a3a3a3; margin: 0 15px; }
#tab_bigbox ul.tabs li.active { color: #222; text-decoration: underline; }
/* ÅÇ³»¿ë */
.tabbox { clear: both; margin: 30px 0 0; }
.tabbox .tab_content { }
.tabbox .tab_content ul { width: 100%; margin: 0px; }
.tabbox .tab_content ul li { list-style-type: none; display: inline-block; *display: inline; *zoom: 1; }
/* //ÅÇ »óÇ° ¹Ú½º */
/* °øÁö»çÇ× */
.noticeMain { padding: 50px 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; }

/* BASIC css end */

