@charset "utf-8";
/* 공통 */
*{margin:0; padding:0;}
img{border:0px; vertical-align:top;}
ul{list-style:none; margin:0; padding:0; border:0 none; font-size:100%; font-weight:normal;}
ul li{font-size:0px; line-height:0.5em;} /* ul li 안에있는 이미지 필요없는 여백 없애는 css */
a{outline:none; select-dummy:expression(this.hideFocus=true);} /* 링크점선없애기위한 css */
input{font-size:13px !important;}

/* body{font:normal 12px "굴림",gulim,sans-serif; color:#888888; line-height:150%;} */
/* body{font:normal 12px "Colaborate Light", Helvetica, Arial, sans-serif,"굴림",gulim; color:#272727; line-height:150%;} */
html{/*height:100%;*/}

/* @init_font */
.init *
, body, a, h1, h2,h3 ,h4 ,h5 ,h6 ,pre
,[type=text], [type=password], [type=file], [type=email], select ,textarea
{font-family:"nbg", "맑은 고딕", "굴림", "tahoma" ;font-size:13px;color:#494848;line-height:160%;} /*font-family : 기본값 한글로 써야 오페라까지 잘 먹음*/
/* ng는 나눔고딕 사용시 head.php 나눔고딕 관련 주석을  풀어줍니다. */

::-moz-selection{
          background: black;
          color: white;
          text-shadow: black;
}
::selection{
          background: black;
          color: white;
          text-shadow: black;
}

/* intro */
body{background:#222222;}
#wrapper{width:100%; min-width:1200px; overflow:hidden; background:white;}
#intro_banner{width:100%; height:834px; background:url("../img/intro_bg.jpg") center top no-repeat; position:relative;}

.intro_text{width:1200px; text-align:center; margin:0 auto; padding-top:64px;}
.intro_text div{color:white; font-size:17px; padding-top:15px;}
.bbimg_wrap{width:1200px; height:651px; background:url("../img/intro_img_border.png") left top repeat-x; position:absolute; top:183px; left:50%; margin-left:-600px;}
.bbimg_wrap > ul{width:1160px; height:611px; overflow:hidden; padding:20px 0 0 20px;}
.bbimg_wrap > ul > li{width:232px; height:611px; overflow:hidden; float:left; position:relative;}

.bbimg_wrap > ul > li.img_effect .bbimg img {
  -webkit-transition: -webkit-transform 0.4s ease;
  -moz-transition: -moz-transform 0.4s ease;
  -o-transition: -o-transform 0.4s ease;
  transition: transform 0.4s ease;
}
.bbimg_wrap > ul > li.img_effect:hover .bbimg img {
  -webkit-transform: scale(1.07);
  -moz-transform: scale(1.07);
  -ms-transform: scale(1.07);
  -o-transform: scale(1.07);
  transform: scale(1.07);
}

.img_effect{cursor:pointer;}

.bbtxt{width:232px; height:188px; background:url("../img/int_img_txt_bg.png") left top repeat; position:absolute; bottom:0; left:0; z-index:1000000; color:#989898; font-size:13px; line-height:160%; text-align:center;}
.btxt{width:232px; position:absolute; bottom:43px; left:0;}
.bblogo01{padding-top:49px;}
.bblogo02{padding-top:45px;}
.bblogo03{padding-top:49px;}
.bblogo04{padding-top:49px;}

/*
#family_wrap{width:1200px; margin:0 auto; padding:18px 0 18px 0;}
#family_wrap ul{overflow:hidden; margin-left:16px;}
#family_wrap ul li{position:relative; float:left;}
.list1-btn{position:absolute; width:100%; height:100%; filter:alpha(opacity=50); opacity:1; display:none;}
*/

#foot_wrap{width:100%; /*height:180px;*/ background:#222222; margin-top:30px; padding-top:15px;}
.foot_menu{width:1200px; text-align:center; margin:0 auto; padding-top:40px;}
.foot_menu a{display:inline-block; padding:0 21px; background:url("../img/foot_bar.gif") left 50% no-repeat;}
.foot_menu a:first-child{background:none !important;}
.foot_menu a.fm_point{color:white !important;}
.fblit{padding:6px 15px 0 15px;}

#foot_wrap p{width:1200px; margin:0 auto; text-align:center; font-size:12px; color:#767676; line-height:200%; /*padding-top:15px;*/}
.copy_right{font-size:11px; color:#757575;}

.right_icon{width:232px; height:611px; background:#161616;}
.right_icon ul li{font-size:20px; color:white; line-height:150%; position:relative;}
.list1-btn{position:absolute; width:100%; height:100%; filter:alpha(opacity=50); opacity:1; display:none;}
.logo_effect{cursor:pointer;}
.ic_tit{padding:40px 0 10px 27px;}

.lang{position:absolute; top:52px; right:90px;}
.lang a:first-child{background:none !important;}
.lang .on{color:white !important;}
.lang .kor{display:inline-block; padding-right:5px;}
.lang .eng{background:url("../img/lang_bar.png") left 3px no-repeat; display:inline-block; padding-left:7px;}

/* 2018-01-10 추가 */
.pt20{padding-top:20px !important}
.btn_greeting{padding:20px 0 0 27px;}
.btn_greeting a{color:#fff; font-size:20px; text-decoration:none;}