@charset "utf-8";
/*
* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

html, body {margin:0;padding:0;font-family:"Noto Sans KR"; font-size:16px; color:#000000; -webkit-text-size-adjust:none;  height: 100%; background-color:#FFFFFF;}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,img, pre{font-family:"Noto Sans KR"; margin:0;padding:0; word-wrap:break-word; word-break:keep-all;}
input,button,select,textarea{vertical-align:middle;}
input[type="checkbox"], input[type="radio"] {margin:1px 0 0 0;vertical-align:top;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul, ol, li {list-style:none;}
img, fieldset, iframe {border:0 none;vertical-align:top;}
table{border-collapse:collapse;}
a {color:inherit;text-decoration:none}
caption, legend {display:none;}
em,address{font-style:normal;}
hr, .connone {display:none;}
div {-webkit-text-size-adjust:none;}
p { word-wrap:break-word; word-break:break-all; -webkit-text-size-adjust:none;}
button, button:hover, button:active, button:focus{border:0 none;background:none;cursor:pointer;outline:none;overflow:hidden;}
main{display:block;}
.inner{margin:0 auto;width:1000px;box-sizing:border-box;}
i.ico{display:inline-block;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;}
figure { margin:0; }
strong, th { font-weight:normal; }
textarea { resize:none; }
.skip .skip_contents { position:absolute; z-index:9999; top:-35px; width:100%; height:33px; line-height:33px; text-align:center; text-decoration:none; color:#000000; background:#ffffff; opacity:0.9; filter:alpha(opacity=90); }
.skip a:focus { top:0; }

h3 {font-size:16px; letter-spacing:-0.5px;}

.verticalSpacer10 {clear:both; height:10px;}
.verticalSpacer20 {clear:both; height:20px;}
.verticalSpacer30 {clear:both; height:30px;}
.verticalSpacer40 {height:40px;}
.verticalSpacer50 {height:50px;}
.verticalSpacer70 {height:70px;}
.verticalSpacer500 {height:500px;}
.padding_b01 {padding-bottom:10px;}

.table_txt_tt01{color:#222222; font-size:15px; letter-spacing:-0.5px;}
.table_txt_tt02{color:#222222; font-size:15px; letter-spacing:-1px; height:30px; padding-top:10px;}
.table_txt_tt03{color:#222; font-size:18px; letter-spacing:-0.5px; height:60px;}

.table_txt_txt01{color:#787878; font-size:15px; letter-spacing:-1px; line-height:27px;}
.table_txt_txt02{color:#787878; font-size:15px; letter-spacing:-1px; padding-left:10px; line-height:24px;}
.table_txt_txt03{color:#787878; font-size:15px; letter-spacing:-1px; line-height:24px; }
.table_txt_txt04{color:#787878; font-size:15px; letter-spacing:-1px; line-height:24px;  border-right:1px solid #e0e0e0;}
.table_txt_txt05{color:#ffffff; font-size:15px; letter-spacing:-1px; line-height:24px;  border-right:1px solid #e0e0e0;  background-color:#3f3f3f; }

.table_tr01 {border-bottom:1px solid #e0e0e0; letter-spacing:-1px; background-color:#ffffff; text-align:center; background-color:#EDEDED; height:50px;}
.table_tr02 {border-bottom:1px solid #e0e0e0; letter-spacing:-1px; background-color:#ffffff; text-align:center; background-color:#ffffff;}
.table_tr03 {border-bottom:1px solid #e0e0e0; letter-spacing:-1px; text-align:center;}

.table_td01 {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; letter-spacing:-1px; background-color:#ededed; text-align:center; }
.table_td02 {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; letter-spacing:-1px; background-color:#ededed; text-align:center; }

.login_bg {background:url(/member/img/login_box.gif)no-repeat; width:760px; height:405px; clear:both;}
.visitor_bg {background:url(/member/img/visitor_box.gif)no-repeat; width:760px; height:345px; clear:both;}



#wrap {overflow:hidden;width:100%; min-height: 100%; background-color:#000;}

@media all and (min-width:0px) and (max-width:1100px){
#header {left:0;top:0;width:100%;z-index:100;height:60px;overflow:hidden; }
#header .top {padding:0px;}
#header .top .inner {width:100%;}
#header .top .logo {position:absolute; width:100%;height:60px;background:#000;margin:0 auto; text-align:center;}

#header .top .gnb {display:none;}

.main_visual {width:100%; height:100%; text-align: center; overflow:hidden; position:absolute;}
.main_visual .visual_box {width:100%; height:100%; margin:0 auto; position:relative; z-index:10;}
.slides_container {width:100%; height:100%; overflow: hidden; margin: 0 auto; position:relative; z-index: 101;}

.visual_txt{position:relative; width:100%; padding-top:40px; margin:0 auto; z-index: 300; text-align:center;}
.visual_txt img{width:100%;}
.visual_txt03 {display:none;}
.visual_txt04{margin:0px auto; padding-bottom:120px;}
.visual_txt04 img{width:90%; margin-top: 20px;}

.visual_txt .copy_ul{width:90%; margin:0 auto; padding-top:0px; text-align:center;}
.visual_txt .title1{font-size:32px; color:#fff; font-weight:600; margin-bottom:5px; text-shadow:3px 3px 5px #000;}
.visual_txt .title2{font-size:20px; color:#fff; font-weight:600; margin:0;text-shadow:3px 3px 5px #000;}
.visual_txt .title3{font-size:18px; color:#fff; font-weight:400; margin:20px 0 60px 0; text-shadow:3px 3px 5px #000;}

#footer_Contents1 {display:none;}
#footer_Contents2 {position: fixed; bottom: 0; width: 100%; z-index: 10; background-color:#000;}
#footer_btn {clear:both; width:100%; margin:0 auto; text-align:center; color:#787878; padding:0 0 70px 0; color:#fff;}
#footer_btn li{float:left; width:33%; text-align:left;}
#footer_btn li img{display:none;}
#footer_btn li:last-child{display:none;}

#newsletter01 {display:none;}
#newsletter02 {display:none;}

/* icon banner */
#icon_banner{display:none;}

}


@media all and (min-width:1101px){
#header {position:absolute;left:0;top:0;width:100%;z-index:200;height:60px;overflow:hidden; }
#header .top {padding:0px;}
#header .top .inner {width:100%;}
#header .top .logo {position:absolute;padding-left:20px;width:100%;height:60px;background:#000;}

#header .top .gnb {float:right;}
#header .top .gnb > li {width:140px; float:left;position:relative; letter-spacing:-1px; }
#header .top .gnb > li:last-child {width:120px;}
#header .top .gnb > li > a {display:block;height:60px;line-height:60px;color:#ffffff;font-size:16px; text-align:center;}
#header .top .gnb > li:hover > a { background:#ec1a24; text-align:center;}
#header .top .gnb > li.active > a {color:#005dbd;}

#header .top .sub_menu {width:100%; height:240px; background-color:rgba(0,0,0,0.5);}
#header .top .gnb2 {width:820px;float:right; clear:both;}
#header .top .gnb2 li ul {top:10px; height:100px; float:left; position:relative;}
#header .top .gnb2 li ul li {width:160px; height:25px; letter-spacing:-1px;}
#header .top .gnb2 li ul li a {display:block;font-size:14px;color:#fff;white-space:nowrap;}
#header .top .gnb2 li ul li:hover a,
#header .top .gnb2 li ul li.active a {text-decoration:underline;color:#fff000;}

#main-navbar{display:none;}
#main-sidebar{display:none;}

.main_visual {width:100%; height:100%; text-align: center; overflow:hidden; position:absolute;}
.main_visual .visual_box {margin:0 auto; position:relative;}
#slides {position:relative;width:100%; height:100%;}
.prev {position: absolute; top:410px; left:51%; margin-left:-50%; z-index:105; }
.next {position: absolute; top:410px; left:49%; margin-left:47%; z-index:105;}
.slides_container {width:100%; height:100%; overflow: hidden; margin: 0 auto; position:relative; }


.visual_txt{position:relative; width:100%; padding-top:70px; margin:0px auto; z-index: 102; text-align:center;}
.visual_txt02{padding:10px 0 0 0; font-size:34px; color:#fff; font-weight:600; margin-bottom:10px; letter-spacing:-1; text-shadow:3px 3px 5px #000;}
.visual_txt03{margin:0px auto; width:561px; height:114px; background:url(/img/dday.png);}
.visual_txt03 p {padding:18 0 0 20px;font-size:50px;color:#FFFFFF;line-height:46px;letter-spacing:20px;}
.visual_txt04{margin:0px auto; width:675px; padding-top:70px; padding-bottom:10px;}

.visual_txt .copy_ul{width:1200px; margin:0 auto; padding-top:0px; text-align:center;}
.visual_txt .title1{font-size:50px; color:#fff; font-weight:600; margin:50px 0 0 0; text-shadow:3px 3px 5px #000;}
.visual_txt .title2{font-family:"³ª´® °íµñ"; font-size:50px; color:#fff; font-weight:600; margin:10px 0 0 0;text-shadow:3px 3px 5px #000;}
.visual_txt .title3{font-size:26px; color:#fff; font-weight:400; text-shadow:3px 3px 5px #000;}

#footer_Contents1 {position: fixed; left: 0; bottom: 70px; width: 100%; z-index: 999998; background-color:#000;}
.gallery_area {text-align:center; color:#4a4a4a; clear:both;}
.contType01 {clear:both; padding:0px; text-align:center; height:90px; width:100%; background-color:#111111;}
.contType01 .list {position:relative; padding:10px 52px 0px 52px; }
.contType01 .list .listIn {position:relative; overflow:hidden; height:250px; width:100%}
.contType01 .list li {float:left; }
.contType01 .list .listIn ul {position:absolute;top:0;left:0; }
.contType01 .list .listIn ul li {position:absolute;top:0;left:0; width:290px; height:70px; padding-right:16px;}
.contType01 .list .listIn ul li a {display:block; width:290px; height:70px;}
.contType01 .list .listIn ul li a:hover {color:#fff;}
.contType01 .list .listIn ul li a img {width:290px; height:70px;}

.contType01 .list .btnPre {display:block; position:absolute;top:30px;left:15px; width:20px; height:33px; background:url(/img/btnPre01_off.png) no-repeat; text-indent:-9999px;}
.contType01 .list .btnPre:hover {background:url(/img/btnPre01_on.png) no-repeat;}
.contType01 .list .btnNext {display:block; position:absolute;top:30px;right:15px; width:20px; height:33px; background:url(/img/btnNext01_off.png) no-repeat; text-indent:-9999px;}
.contType01 .list .btnNext:hover {background:url(/img/btnNext01_on.png) no-repeat;}

.clear-fix {clear: both;}  /* °¡»óŬ·¡½º */

/* icon banner */
#icon_banner{position:relative; width:100%; height:340px; overflow:hidden; padding:0; background-color:rgba(10,10,10,0.0); background-repeat:repeat; z-index:5000;}
#icon_banner .icon_banner_ul{list-style:none; text-align:center; margin:0 auto; width:1200px;}
#icon_banner .icon_banner_ul li{padding:10px; float:left;}


#footer_Contents2 {position:absolute; bottom:0; width: 100%; z-index: 999998; background-color:#000;}
#footer_btn {clear:both; width:1100px; margin:0 auto; text-align:center; color:#787878; padding:5px 0 70px 0; color:#fff;}
#footer_btn li{float:left; width:200px; text-align:left;}
#footer_btn li:last-child{width:500px; margin-top:10px; font-size:12px; line-height:24px; float:right;}


#newsletter01 {position:absolute; margin:0; padding:0; right:20px; top:0; width:450px; z-index: 999999;}
#newsletter02 {position:fixed; bottom:0; width:450px; height:260px; border:10px solid #EFEFEF; background-color:#FFF;  text-align:center;}
#newsletter02 .close_button{bottom:0; float:right; width:100%; margin:0; padding:0; width:24px; height:24px; font-family:"Noto Sans KR"; font-size: 11px; color:#000; background:#FFAEBD; font-weight:bold; border:0; cursor:pointer;}
#newsletter02 .newsletter_title{font-family:"Noto Sans KR"; font-size: 20px; color:#000000; font-weight:bold; margin:10px 0 0 20px;}
#newsletter02 .newsletter_txt{font-family:"Noto Sans KR"; font-size: 14px; color:#333333; line-height:24px;}
#newsletter02 .box{width:265px; height:24px; font-family:"Noto Sans KR"; font-size: 14px; line-height:24px; border:1px solid #CCCCCC; margin:8px 0 10px 10px;}
#newsletter02 .close_btn{margin:8px 0 10px 5px; width:120px; height:26px;font-family:"Noto Sans KR"; font-size: 14px; color:#FFFFFF; font-weight:bold; line-height:20px; background:#E60012; border:1px solid #DE0077; border-radius:3px; cursor:pointer}
#newsletter02 .close1{margin:0 0 0 130px; width:180px; font-family:"Noto Sans KR"; font-size: 12px; float:left;}
#newsletter02 .close2{width:50px; float:left;}
#newsletter02 .close2 .close_btn2{margin:0; padding:0; width:50px; height:24px;font-family:"Noto Sans KR"; font-size: 11px; color:#FFFFFF; font-weight:bold; background:#000000; border:1px solid #000000; border-radius:6px; cursor:pointer;}


}