@charset 'utf-8';

html { background : #f6f6f6;}
body { min-width:1200px; width: 100%; height: auto;}
caption { position:absolute; left:-9999px; top:-9999px; visibility:hidden; height:0px; width:0; text-indent:-9999px; font-size:0; }

iframe.jsp_loader { position: absolute; top:-9999px; z-index: -1} /* 20150618 */
.body_wrap {width: 1200px; height: auto; background : #FFFFFF; margin: 0 auto; font-family: 'secgcm';}

footer {padding-bottom: 40px; }
footer .copyright {margin: 6px 0 0 40px; display: block; float: left;}
footer .pri-btn {margin: 2px 0 0 10px; display: block; float: left; width: 83px; height:16px; background: url('../img/btn_pri.png');}
footer .top-btn {margin: -5px 66px 0 0; display: block; float: right; width: 53px; height:12px; background: url('../img/btn_top.png');}

/* header */
/* contents */
/* .header { position: absolute; width: 100%; height: 89px; left: 0; top:0; z-index: 10000; background: #FFFFFF; border-bottom: solid 4px #333333; } */
.header { position: fixed; width:1200px; height: 146px; background: #FFFFFF; z-index: 10000; background: url("../img/img_poster_header_kr.jpg") no-repeat 0 0;}

.header h1 { position: absolute; left: 120px; top:60px; }

.header .option { position: absolute; right: 120px; top:47px; width: 57px; height: 19px; background: url("../img/icon_lang_eng.png") no-repeat 0 0; }
.header .option span { text-indent: -9999px; display: block; overflow: hidden; }

    /* navi */
    .header nav { width: 960px; margin: 0 auto; }
    .header .nav { width: 960px; height: 56px; margin: 90px 0 0 0; }
    .header .nav span { text-indent: -9999px; display: block; overflow: hidden; }

    .header .nav .menu-line {float: left; width:385px; height:10px; margin-top:46px; background: #000000;}/*width:516*/
    .header .nav li {float: left;}
    .header .nav li a { display: block; width: 111px; height: 56px; }

    .header .nav .menu1 a { width: 111px;  background : url("../img/bg_nav_off_1.png") no-repeat; }
    .header .nav .menu2 a { width: 111px;  background : url("../img/bg_nav_off_2.png") no-repeat; }
    .header .nav .menu3 a { width: 111px;  background : url("../img/bg_nav_off_3.png") no-repeat; }
    .header .nav .menu4 a { width: 120px;  background : url("../img/bg_nav_off_4.png") no-repeat; }
    .header .nav .menu5 a { width: 122px;  background : url("../img/bg_nav_off_5.png") no-repeat; }

    .header .nav .menu1 a.on { background : url("../img/bg_nav_on_1.png") no-repeat; }
    .header .nav .menu2 a.on { background : url("../img/bg_nav_on_2.png") no-repeat; }
    .header .nav .menu3 a.on { background : url("../img/bg_nav_on_3.png") no-repeat; }
    .header .nav .menu4 a.on { background : url("../img/bg_nav_on_4.png") no-repeat; }
    .header .nav .menu5 a.on { background : url("../img/bg_nav_on_5.png") no-repeat; }

/* poster */

.poster {width: 100%; height: 660px; overflow: hidden; background: #FFFFFF;}
.poster .img-con {margin-left: 50%;}
.poster .img-con .img-poster {margin-left: -600px; width: 1200px; height: 660px;}

/* sns */
.sns-bns {position:fixed; bottom: 126px; margin-left: 40px;  z-index:10000;}

.sns-bns li {border-bottom:1px solid #000; }
.sns-bns li.inverse{border-bottom:1px solid #fff;}
.sns-bns li a { display:block; width:21px; height:51px; background-position:left center; background-repeat:no-repeat; overflow: hidden; text-indent:-9999px; }
.sns-bns li.sns_3 { border: none; }
.sns-bns li.sns_0 a{background-image:url('../img/sns/bn_facebook.png');}
.sns-bns li.sns_1 a{background-image:url('../img/sns/bn_twitter.png');}
.sns-bns li.sns_2 a{background-image:url('../img/sns/bn_qqq.png');}
.sns-bns li.sns_3 a{background-image:url('../img/sns/bn_google.png');}
.sns-bns li.inverse.sns_0 a{background-image:url('../img/sns/bn_facebook_white.png');}
.sns-bns li.inverse.sns_1 a{background-image:url('../img/sns/bn_twitter_white.png');}
.sns-bns li.inverse.sns_2 a{background-image:url('../img/sns/bn_qqq_white.png');}
.sns-bns li.inverse.sns_3 a{background-image:url('../img/sns/bn_google_white.png');}

/* popup */

.popup_frame {position: absolute; width: 100%; height: 100%; background: url("../img/bg_pattern_black.png"); top:0; left:0; z-index: 9000000; display: none;}

#popup-privacy {min-width: 800px; min-height: 800px;}

/* policy popup */
#btn_policy{
  display: inline-block;
  vertical-align: middle;
  margin: -4px 0 0 8px;
}
.pop-policy{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  display: none;
}
.pop-policy .msg-wrap{
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px -480px;
  height: 600px;
  width: 960px;
}
.pop-policy .msg-wrap .line{
  border: 15px solid #0083ff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute; left: 0; top: 0;
}
.pop-policy .msg-wrap .close_btn{
  position: absolute;
  right: 0px;
  top:0px
}
.pop-policy .msg-wrap h2{
  border-bottom: solid #000000 1px;
  padding: 0 0 15px 0;
  font-size: 20px;
  padding-top: 30px;
  font-family: secgcb;
  position: relative;
}
.pop-policy .msg-wrap div.info{
  position: absolute;
  left: 48px;
  top:61px
}
.pop-policy .msg-wrap .popup-con {
  padding: 50px 50px 0 50px;
}
.pop-policy .msg-wrap ul{ margin-top: 35px}
.pop-policy .msg-wrap li {
  margin-top: 5px;
  padding-top: 3px;
  padding-left: 14px;
  background: url("../img/bg_list_dot2.png") no-repeat 0px 8px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.5px;
  font-family: secgcm;
}
.pop-policy .popup-stage {
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.8;
  position: absolute;
  left: 0;
  top: 0;
  filter: alpha(opacity=80);
}
.pop-policy .policy-text {
  white-space: pre-wrap;
  font-family: secgcm;
  position: relative;
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 30px 0 30px;
  padding: 0 10px 0 0;
  line-height: 21px;
  font-size: 14px;
  letter-spacing: 0;
}
.pop-policy .policy-text h3 {
  font-size: 17px;
  font-family: secgcb;
}
.pop-policy .policy-text h4 {
  font-size: 15px;
  font-family: secgcb;
}

.pop-policy .policy-text table,
.pop-policy .policy-text table th,
.pop-policy .policy-text table td{
  color: #000;
  border: 1px solid #000;
}
.pop-policy .policy-text table th,
.pop-policy .policy-text table td{
  text-align: center;
  padding: 5px;
}
.pop-policy .policy-text table {
  width: 100%;
  border-collapse: collapse;
}
.pop-policy .container a.close {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 60px;
  height: 60px;
  background: url('../img/btn_pop_close.gif') no-repeat right top;
  text-indent: -999999px;
}

/* free loading */
div.loading {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.8;
    position: fixed;
    left: 0;
    top:0;
    filter: alpha(opacity=80);
    z-index: 99999;
}
div.loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
}