@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC:400,500,600&display=swap');
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: 400; font-style: normal; }
@font-face { font-family: 'GmarketSans'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: 700; font-style: normal; }

.totalwrapArea {min-width:1280px; width:100%; margin:0 auto; }

#fullpage {  margin:0 auto;width:100%;font-family:'GmarketSans', '나눔 고딕',  "맑은 고딕", 'Noto Serif TC', Malgun Gothic, '돋움',dotum,Helvetica,sans-serif;background-size:100% auto; font-weight:400;font-size:12px; background:#fff;line-height:150%;color:#666; letter-spacing:-0.5px; text-align:left;word-break:break-all;-ms-word-break:break-all; }
#adminControl{display:none;}
 
.topfixArea {  position:fixed; top:0px; left:0px; width:100%; z-index:9999999999999999;}

#header{background:#fff;}
#menu{	position:fixed;	top:50%;	right:20px; 	z-index: 70; padding: 0;	margin:0;}
 
#menu li {display:block;font-size:0px;	margin: 8px 0;	color: #000; background: rgba(0,0,0, 0.5);  padding:0px;	-webkit-border-radius: 10px;    border-radius: 10px;	text-indent:-99999999px;	height:16px; width:16px; line-height:0px;-webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
#menu li.active{background:transparent; border:3px solid #cc2633;	}
#menu li a{	display:block;height:16px; width:16px;}
#menu li.active a:hover{	}
#menu li:hover{	background:#cc2633;}
#menu li a,#menu li.active a{ 	display:block;}
#menu li.active a{ }


/* contents -----------------------------------------------------------------------------------------------------------------------------------------------------*/
 
 
 
 
#showcase { position:relative;}
#showcase .showcase-content{float:left;  position:relative;height: 100%;  display: block;width: 100%;}
#showcase .showcase-button-wrapper{clear:both; position:absolute; bottom:10px; left:10px; text-align:center;}
#showcase .showcase-button-wrapper span{float:left; width:10px; height:10px; margin-right:4px; cursor:pointer; color:#444444; text-indent:-999em; background:url(./image/visual_btn02.png) no-repeat ;}
#showcase .showcase-button-wrapper span.active{background-position:0 -10px; color:#fff;}

#showcase .showcase-content a {height: 100%;  display: block;width: 100%;}
#showcase .showcase-content a .textArea{ display: table;  table-layout: fixed;   vertical-align: middle;width: 100%;height: 100%; text-align:center; background:rgba(0,0,0,0.35); }
#showcase .showcase-content a .txtA {display: table-cell;  vertical-align: middle;  width: 100%;  height: 100%;}
 #showcase .showcase-content a .txtA h1{color:#fff;}
 

 
 #showcase .showcase-arrow-previous{position:absolute; bottom:0px; left:50%; margin-left:516px;width:52px; height:52px; z-index:999999;  background:url('./image/img20/ico_prev1.png') center center no-repeat #cc2633; cursor:pointer;  }
 #showcase .showcase-arrow-next{position:absolute;  bottom:0px; left:50%;  margin-left:568px;width:52px; height:52px; z-index:999999;  background:url('./image/img20/ico_next1.png') center center no-repeat #403a39; cursor:pointer;  }
 
 #showcase .slide-number {position:absolute; bottom:12px; left:50%; margin-left:350px; width:150px; text-align:right; color:#fff; vertical-align:bottom; font-size:18px; z-index:999999; }
 #showcase .slide-number .slide-number-current{display:inline-block; font-size:24px; font-weight:700;}
 #showcase .slide-number .slide-number-total{display:inline-block; }
 #showcase .slide-number  span{display:inline-block;  margin:0px 6px;}


#mvisual  { margin:0 auto; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
#mvisual h1{color:#fff;font-size:58px; line-height:68px; height:58px; overflow:hidden; width:900px; margin:0px auto 0px; text-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7); -webkit-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7);}
#mvisual .dateA {color:#fff; font-size:24px; font-weight:700;  margin-bottom:20px; text-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7); -webkit-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7);}
#mvisual .expA  {color:#fff; font-size:18px; line-height:28px;  word-break:keep-all; max-width:900px; margin:16px auto 0px; height:56px; overflow:hidden; text-shadow:0px 0px 2px rgba(0,0,0,0.7); -moz-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7); -webkit-text-shadow: 0px 0px 2px  rgba(0,0,0,0.7);
 text-overflow:ellipsis;   white-space:normal; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word; }


 
#bbsArea .contentA {position:relative; min-height:700px; margin:0 auto;}
#bbsArea h1{color:#403a39; font-weight:300;  font-size:42px; line-height:1.3;padding-top:60px; }
#bbsArea:before{position:absolute; top:0px; left:50%; margin-left:-50%;width:45%; height:100%; z-index:-1; background:url(./image/img20/bbsarea_bg1.png) left top no-repeat; background-size: 100%  auto ;  display:block; content:'';}
#bbsArea:after{position:absolute; bottom:0;   right:-5px; width:304px; height:543px;z-index:-1;  background:url(./image/img20/bbsarea_bg2.png) right bottom no-repeat;   background-size: 100%  auto ;  display:block; content:'';}

#bbsArea.bg_none:after{display:none !important;}
#bbsArea.bg_none {padding-top:40px;}

#subtab { overflow:hidden;  margin:30px auto 35px; }
#subtab ul{padding:0px; margin:0px auto;display:inline-block;}
#subtab ul::after {clear:both; content:""; display:block;}
#subtab li{list-style-type:none; float:left;display:block; font-weight:400;font-size:16px;  text-decoration:none; background:#797574;  margin-left:1px; cursor: pointer; padding:16px 0 12px; width:124px;  color:#fff !important; text-align:center;overflow:hidden;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#subtab li:first-child , #subtab  li.el{  margin-left:0px;   }
#subtab li:hover{ text-decoration:none;background:#403a39 }
#subtab li.on {  background: #cc2633; color:#fff !important; }


#bbsArea .mgall {position:relative;padding:0; width:1240px; margin:0 auto;}
#bbsArea .mgall ul{padding:0px; margin:0px auto; }
#bbsArea .mgall ul:after {clear:both; content:""; display:block;}
#bbsArea .mgall li {float:left; width:376px; margin:0 0px 0px 26px;list-style-type:none;}
#bbsArea .mgall li:first-child {margin-left:0px;}
#bbsArea .mgall li .thumb { width:376px; height:260px; display:block; overflow:hidden; position:relative;background:#000;}
#bbsArea .mgall li .thumb:before {position:absolute; top:0px; left:0px;width:376px; height:260px;  content:''; display:block; border:1px solid rgba(0,0,0,0.1); z-index:1; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;    box-sizing: border-box;}
#bbsArea .mgall li .thumb img{opacity:0.95; 	-moz-opacity:0.95; 	filter: alpha(opacity=95); }
#bbsArea .mgall li .txtA {text-align:left; padding:36px 0 0 0;}
#bbsArea .mgall li .txtA .sbj {position:relative; padding-bottom:10px;}
#bbsArea .mgall li .txtA .sbj:before {position:absolute; bottom:0px; left:0px;width:43px; height:2px; background:#cc2633; content:''; display:block;}
#bbsArea .mgall li .txtA .sbj span{display:block;font-weight:700; color:#252525; font-size:22px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis;   white-space:normal; overflow: hidden;  }
#bbsArea .mgall li .txtA .exp{margin-top:20px; font-size:15px; color:#252525;  line-height:20px;  height:40px; text-overflow:ellipsis;   white-space:normal; overflow: hidden;  display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word; }
 #bbsArea .mgall li .txtA .date {margin-top:28px; font-size:15px; color:#747373;}

#evequickArea {position:relative;margin:0 auto;}
#eventArea{ background:url(./image/img20/event_bg.gif) left top repeat; }
#eventArea .contentA {position:relative; padding:80px 0 0px 0px;   }
#eventArea h1{color:#fdb900; font-weight:300;  font-size:42px; line-height:1.3;margin-top:20px; margin-bottom:30px; }
#eventArea .date {font-size:24px; color:#fff; display:block; line-height:26px; margin-bottom:15px; }
#eventArea .txt {  display:block; font-weight:700;color:#fff; font-size:46px; line-height:48px; height:48px;overflow:hidden;}
#showcase1 { position:relative; width:1200px; margin:0 auto; text-align:center; padding-bottom:110px;}
#showcase1 .showcase-content{float:left;  position:relative;height: 100%;  display: block;width: 100%;}
#showcase1 .showcase-arrow-previous{position:absolute; bottom:0px; left:50%; margin-left:-52px;width:52px; height:52px; z-index:999999;  background:url('./image/img20/ico_prev3.png') center center no-repeat #fff; cursor:pointer;  }
#showcase1 .showcase-arrow-next{position:absolute;  bottom:0px; left:50%; width:52px; height:52px; z-index:999999;  background:url('./image/img20/ico_next1.png') center center no-repeat #fdb900; cursor:pointer;  }


#quickArea {margin:0 auto;}

.mquickbanA {display:block; position:relative; overflow:hidden;  margin:100px auto 100px auto;  }
.mquickbanA ul{margin:0px 0px 0px 0px; padding:0px;  display:block;height:220px; }
.mquickbanA ul:after {clear:both; content:''; display:block;}
.mquickbanA li {float:left; margin:0px; padding:0px; width:384px; height:220px; text-align:center;  }
.mquickbanA #prevBtn{position:absolute;left:50%; margin-left:-690px; top:50%; margin-top:-40px; cursor:pointer; width:40px; height:80px;   text-indent:-9999999px;background: url(./image/img20/ico_prev2.png) no-repeat  center center ; cursor:pointer; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mquickbanA #nextBtn{position:absolute;left:50%; margin-left:650px; top:50%; margin-top:-40px; cursor:pointer;width:40px; height:80px;  text-indent:-9999999px; background: url(./image/img20/ico_next2.png) no-repeat center center ; cursor:pointer; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.2s ease-in-out; transition:.2s ease-in-out;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mquickbanA #prevBtn:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mquickbanA #nextBtn:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mquickbanA .bx-wrapper {width:1240px !important; }
.mquickbanA li a{display:block; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mquickbanA li a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}

.mquickbanC {display:block; position:relative; overflow:hidden;  margin:80px auto 20px auto; width:1240px !important;}
.mquickbanC ul{margin:0px 0px 0px 0px; padding:0px;  display:block; }
.mquickbanC ul:after {clear:both; content:''; display:block;}
.mquickbanC li {float:left; margin:2px; padding:0px; width:300px; height:176px; text-align:center;}
.mquickbanC .bx-wrapper {width:1240px !important; }
.mquickbanC li a{display:block; opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100);  -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.mquickbanC li a:hover {opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50);}
.mquickbanC li a img {width:300px;height:176px;}



#widebanArea {position:relative; height:520px;background:#fff;  margin:0 auto;}
#widebanArea.pdbot_none {padding-bottom:0px;}
#widebanArea .contentA {position:relative; height:520px; width:100%; }


#showcase2 { position:relative; }
#showcase2 .showcase-content{   position:relative; }
#showcase2 .showcase-button-wrapper{clear:both; position:absolute; bottom:10px; left:50%; width:300px; margin-left:-150px; z-index:999999999;  text-align:center;}
#showcase2 .showcase-button-wrapper span{display:inline-block; width:10px; height:10px; margin:0 4px; cursor:pointer; border-radius:5px;color:#444444; text-indent:-999em;opacity:0.5; 	-moz-opacity:0.5; 	filter: alpha(opacity=50); background:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 3px  rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 3px  rgba(0,0,0,0.4);}
#showcase2 .showcase-button-wrapper span.active{ opacity:1.0; -moz-opacity:1.0; 	filter: alpha(opacity=100); }
 
#showcase2 .showcase-arrow-previous{position:absolute; bottom:0px; left:50%; margin-left:516px;width:52px; height:52px; z-index:999999999;  background:url('./image/img20/ico_prev3.png') center center no-repeat #fff; cursor:pointer;  }
#showcase2 .showcase-arrow-next{position:absolute;  bottom:0px; left:50%;  margin-left:568px;width:52px; height:52px; z-index:999999999;  background:url('./image/img20/ico_next1.png') center center no-repeat #403a39; cursor:pointer;  }
 

#bottomArea { background:#403a39;  margin:0 auto;  }
#bottomArea  .contentA {position:relative;width:1240px;margin:60px auto;   }
#bottomArea  .sitemapA {padding-bottom:20px;}
#bottomArea  .sitemapA:after {clear:both; content:''; display:block;}
#bottomArea  .sitemapA li{float:left; width:50%; text-align:left; margin:12px 0;}
#bottomArea  .sitemapA li .tt {display:inline-block; position:relative; color:#fff; font-weight:400; font-size:17px; line-height:20px; padding-bottom:6px; margin-bottom:6px;letter-spacing:0px;}
#bottomArea  .sitemapA li .tt:before {position:absolute; bottom:0px; left:0px; width:100%; height:1px; display:block; content:''; background:#cc2633; }
#bottomArea  .sitemapA li ul.sub li{float:left; width:auto; margin:2px 8px; font-size:13px;  }
#bottomArea  .sitemapA li ul.sub li:first-child {margin-left:0px;}
#bottomArea  .sitemapA li ul.sub li a {color:rgba(255,255,255,0.7);  letter-spacing:0px;   }
#bottomArea  .sitemapA li ul.sub li a:hover {color:#fff;}

#bottomArea .footmenuArea {background:#2d2827;}
#bottomArea .footmenuArea .fmenuA  {position:relative;width:1240px;margin:0px auto;   }
#bottomArea .footmenuArea .fmenuA:after {clear:both; content:''; display:block;}
#bottomArea .footmenuArea .fmenuA .fleft{ text-align:left; font-size:14px;   line-height:56px;}
#bottomArea .footmenuArea .fmenuA .fleft a{display:inline-block; padding:0px 20px; position:relative; color:rgba(255,255,255,0.7); }
#bottomArea .footmenuArea .fmenuA .fleft a:before {position:absolute; left:0px; top:50%; margin-top:-7px; width:1px; height:14px; display:block; content:''; background:#403a39;}
#bottomArea .footmenuArea .fmenuA .fleft a:first-child {padding-left:0px;}
#bottomArea .footmenuArea .fmenuA .fleft a:first-child:before {display:none;}
 
#bottomArea .footmenuArea .fmenuA .family{margin:0px 0px 0 0; position:absolute; right:0px;top:0px; cursor:pointer;}
#bottomArea .footmenuArea .fmenuA .family dt{color:#fff;line-height:56px;text-align:right; padding-right:40px; background:url(./image/img20/ico_arr.png) right 22px no-repeat;}
#bottomArea .footmenuArea .fmenuA .family dd{ width:200px; border:1px solid #ddd; position:absolute; right:0px; bottom:56px; background-color:#fff; padding:5px 0 5px 5px; display:none;}
#bottomArea .footmenuArea .fmenuA .family dd li{ padding-left:12px;height:28px; line-height:28px; font-size:14px;}
#bottomArea .footmenuArea .fmenuA .family dd li a{ font-weight:400; color:#696969; font-size:12px;  }
#bottomArea .footmenuArea .fmenuA .family dd li a:hover{  color:#000;}

#bottomArea .copyArea {background:#fff;margin:0 auto;}
#bottomArea .copyArea dl.copyA {width:1240px; margin:0 auto; padding:30px 0 70px 0;}
#bottomArea .copyArea dl.copyA:after {clear:both; content:''; display:block;}
#bottomArea .copyArea dl.copyA dt{float:left; margin-right:50px;}
#bottomArea .copyArea dl.copyA dd {float:left;text-align:left; margin-top:2px;}
#bottomArea .copyArea dl.copyA dd span{display:inline-block; color:#525151; font-size:14px;  margin-right:20px;}
#bottomArea .copyArea dl.copyA dd .copy {font-size:12px; color:#525151;display:block; margin-top:3px;opacity:0.8; 	-moz-opacity:0.8; 	filter: alpha(opacity=80);}