@charset "utf-8";
@import url("common.css");

a.accessibility01{position:absolute; display:block; width:20%; left:0; text-align:center; top:-10000px; z-index:9999999; font-size:11px; font-family:"돋움",  Dotum, Arial; font-weight:bold;}
a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active{position: absolute; top: 0; padding: 10px 0; font-weight:bold; color:#fff; background:#05507c; z-index:9999999;}

/* hidden */
.hidden { visibility:hidden; position:absolute; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none}	
.t_hidden { text-indent:-9999em;}

/* Common */
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
.clear:after { display:block; visibility:hidden; height:0; content:''; clear:both; }

/* LAYOUT */
body { color:#252525;}
#header {width:100%;}
  .header_wrap {width:1120px; margin:0 auto; position:relative; height:90px; z-index: 999;}
  .header_wrap h1 { position:absolute; left:0; top:20px; z-index:666;}
  .header_wrap .top_util {height:45px; position:absolute; right:0; top:5px; z-index:666;}
  .header_wrap .top_util ul { display:block; overflow:hidden;}
  .header_wrap .top_util ul li {float:left; margin-left:6px; display:block;}
  .header_wrap .top_util ul li a { display:block;}
  .header_wrap .top_util ul li.list01 {margin:0;}

  /* Love Letter */  
  #ribbon { position:relative; width:100%; height:95px; background-color:#d9e6ef;}
  .love_Wrap {margin:0; width:100%; background-color:#d9e6ef;}


  /* popup */
  .pop_wrap {
    width: 1120px;
    margin: 0 auto;

    position: relative;
  }

  .popup_main {
    position: absolute;
    top: 90px;
    left: 10px;
    z-index: 9999;
    width: 500px;

    border: 1px solid #444;
  }

  .popup_main a {
    display: flex;
  }

  .popup_main img {
    width: 100%;
  }

  .close_btn {
    display: flex;
    justify-content: space-between;

    padding: 6px 10px;
    background: #555;
  }

  .close_btn a {
    display: block;
    padding: 3px 15px;
    background: #fff;
    color: #222;
    border: 0;
    border-radius: 4px;
    cursor: pointer;
  }


  .perinfo_btn {
    position: absolute;
    top: 10px;
    right: 465px;

    display: block;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    height: 22px;
    color: #000 !important;

    font-family: Malgun Gothic, '맑은 고딕', '돋움',dotum,'굴림',gulim,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 22px;
    border-radius: 3px;
  }
  

  /* GNB Navigation */  
  #gnb { position:absolute; left:190px; top:25px; z-index:888;overflow: hidden;}
  #gnb.on { background:url(/common/img/gnb_boxbg.png) no-repeat 0 48px; width:658px; height:287px; z-index: 999;}
  #gnb > ul { display:block; overflow:hidden; height:38px;}  
  #gnb > ul > li {float:left;}
  #gnb > ul > li > a {line-height:38px; height:38px; text-align:center; color:#1a1a1a; font-size:16px; font-weight:600; letter-spacing:-1px; display:block; font-family:'Nanum Gothic', Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif;}
  #gnb > ul > li.active > a, #gnb > ul > li.hv > a { color:#355da3;}
  #gnb > ul > li#mem01 {width:130px;}
  #gnb > ul > li#mem01 > a {width:130px;}
  #gnb > ul > li#mem02 {width:130px;}
  #gnb > ul > li#mem03 {width:130px;}
  #gnb > ul > li#mem04 {width:130px;}
  #gnb > ul > li#mem05 {width:131px;}
  #gnb > ul > li#mem01 > div { margin-left:5px;}
  #gnb > ul > li > div { padding-top:30px; position:relative; height:280px;} 
  #gnb > ul > li.hv > div { background:url(/common/img/gnb_bg.gif) no-repeat 0 12px;}
   
  #gnb > ul > li > div span { display:none;}
  #gnb > ul > li.hv > div span { position:absolute; display:block; position:absolute; left:50%; top:0; z-index:99999; background:url(/common/img/gnb_arrow.gif) no-repeat 0 0; width:18px; height:12px; margin-left:-9px;}
  #gnb > ul > li > div > ul { display:block; border-right:1px solid #e5e5e5; height:200px;}
  #gnb > ul > li.hv > div > ul {/*background:#f0fcff;*/}
  #gnb > ul > li#mem05 > div > ul {border-right:0;}  
  #gnb > ul > li > div > ul > li {display:block}
  #gnb > ul > li > div > ul > li a {display:block; color:#363636; height:28px; line-height:28px; font-weight:700; padding-left:20px; border-bottom:2px solid #fff; font-size:12px;}
  #gnb > ul > li.hv > div > ul > li a {border-bottom:2px solid #f0fcff;}
  #gnb > ul > li > div > ul > li.hv > a { background:#355da3 /*url(/common/img/gnb_sub_arrow.gif) no-repeat 100px 11px*/; color:#fff; border-bottom:2px solid #d9d9d9;}
  
  .language { position:absolute; left:950px; top:35px; z-index:999;}
  /*.language a#SLang {display:block; color:#000; background:url(/common/img/lang_ico.gif) no-repeat 70px center; height:20px; line-height:20px;  padding:0 25px 0 5px; font-weight:700; text-transform:uppercase; font-size:11px;}*/


  /* .language a {display:block; color:#000; background:url(/common/img/lang_ico.gif) no-repeat 60px center; height:20px; line-height:20px;  padding:0 25px 0 5px; font-weight:700; text-transform:uppercase; font-size:11px;}
  .language ul {height:0; display:block; overflow:hidden;} */

  .language button {
    display:block; 
    color:#000; 
    background:url(/common/img/lang_ico.gif) no-repeat 53px center; 
    height:20px; 
    line-height:20px;  
    padding:0 20px 0 5px; 
    font-weight:600; 
    text-transform:uppercase; 
    font-size:11px; 
    font-family:"Open Sans", Arial, Helvetica, sans-serif;

    border: 0;
  }

  .language ul {
    height:0; 
    display:none; 
    /* overflow:hidden; */
  }

  .language ul li { display:block;}
  .language ul li a {background:#f2f2f2; border:1px solid #ccc; border-top:0; font-size:11px; padding:0 0 0 14px; display:block; line-height:20px; height:20px;}
  .language ul a:hover {background:#fff; color:#333;}
  
  .top_sitemap { position:absolute; left:1050px; top:35px; display:block;}
  .top_sitemap a {line-height:20px; height:20px; display:block; font-size:12px; font-weight:700; color:#333;}
  
#main_container { clear:both; width:100%;}
#main_container a { display:block;}
#main_container h2 { color:#05507c; font-size:18px; font-weight:700; margin-bottom:5px; letter-spacing:-1px; font-family:'Nanum Gothic', Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif;}

  .main_top_section {width:1120px; margin:0 auto; position:relative; height:564px;}
  .main_top_section .visual_wrap {width:540px; height:564px; position:absolute; left:0; top:0;}
  .main_top_section .main_visual { position:relative; width:540px; height:564px;} 
  .main_top_section .main_visual .visual_wrap { position:relative; width:540px; height:564px;}
  .main_top_section .main_visual ul.slides li {height:564px;}
  .main_top_section .main_visual ul.slides li dl {display:block; overflow:hidden; text-indent:-99999px} /* 수정: 메인롤링이미지 텍스트 추가 후 감춤 (2015-01-26) */ 
  .main_top_section .main_visual ul.slides li dl dt {display:block; padding:63px 30px 0; color:#05507c; font-size:28px; letter-spacing:-2px; /*background:url(../img/main/slide_tit_bg.gif) no-repeat 30px bottom;*/ font-family: 'NanumMyeongjo',Malgun Gothic, "굴림", Gulim, serif;}
  .main_top_section .main_visual ul.slides li dl dt strong {font-weight:700;}
  .main_top_section .main_visual ul.slides li dl dd {display:block; padding:10px 30px 0; color:#152831; font-size:14px; letter-spacing:0; font-family: 'NanumMyeongjo', "굴림", Gulim, serif;}
  
  .main_top_section .section_news {width:366px; height:564px; position:absolute; left:552px; top:0; background:url(../img/main/sec_bg_news.gif) no-repeat 0 0; }
  .main_top_section .section_news .section_wrap {padding:23px 27px;}
  .main_top_section .section_news .top_news {}
  .main_top_section .section_news .top_news dl { display:block; overflow:hidden;}
  .main_top_section .section_news .top_news dl dt {display:block; position:relative; height:60px; font-size:14px; color:#333; font-weight:700; letter-spacing:-1px;}
  .main_top_section .section_news .top_news dl dt span { position:absolute; right:0; bottom:15px; font-size:12px; letter-spacing:0;}
  .main_top_section .section_news .top_news dl dd { display:block; letter-spacing:-1px;}
  .main_top_section .section_news .top_news dl dd p.img {width:312px; height:184px; overflow:hidden; text-align:center;}
  .main_top_section .section_news .top_news dl dd p.txt { color:#333; padding:15px 0;}
  .main_top_section .section_news ul.news_list { display:block; overflow:hidden; border-top:1px solid #ececec;}
  .main_top_section .section_news ul.news_list li { display:block; border-bottom:1px solid #ececec; padding-left:10px; background:url(../img/bl_squre_gray.gif) no-repeat left 15px;}
  .main_top_section .section_news ul.news_list li dl { display:block; overflow:hidden; width:302px;}
  .main_top_section .section_news ul.news_list li dl dt {display:block; float:left; width:220px; height:34px; line-height:34px; font-weight:700; padding-right:10px; letter-spacing:-1px; color:#000;}
  .main_top_section .section_news ul.news_list li dl dd {display:block; float:left; width:72px; height:34px; line-height:34px; font-size:11px;}
  
  .main_top_section .section_overview {width:190px; height:180px; position:absolute; right:0; top:0; background:url(../img/main/sec_bg_company.gif) no-repeat 0 0;}
  .main_top_section .section_overview p {font-size:12px; letter-spacing:-1px; color:#000;}
  .main_top_section .section_overview .section_wrap {padding:23px 15px 0 20px;}
  .main_top_section .section_overview .section_wrap a {height:134px;}
  
  .main_top_section .section_product {width:190px; height:180px; position:absolute; right:0; top:192px; background:url(../img/main/sec_bg_product.gif) no-repeat 0 0;}
  .main_top_section .section_product p {font-size:12px; letter-spacing:-1px; color:#000;}
  .main_top_section .section_product .section_wrap {padding:23px 15px 0 20px;}
  .main_top_section .section_product .section_wrap a {height:134px;}
  
  .main_top_section .section_social {width:190px; height:180px; position:absolute; right:0; bottom:0; background:url(../img/main/sec_bg_social.gif) no-repeat 0 0;}
  .main_top_section .section_social p {font-size:12px; letter-spacing:-1px; color:#000;}
  .main_top_section .section_social .section_wrap {padding:23px 15px 0 20px;}
  .main_top_section .section_social .section_wrap a {height:134px;}
  
  .main_btm_section {width:1120px; margin:0 auto; position:relative; margin-top:12px; overflow:hidden;}
  .main_btm_section .section_wrap {padding:12px 20px;}
  .main_btm_section .section_wrap p { color:#000;}
  .main_btm_section .section_vision {width:394px; height:180px; background:url(../img/main/sec_bg_vision.gif) no-repeat 0 0;}
  .main_btm_section .section_vision p {font-size:13px; margin-bottom:10px; letter-spacing:-1px; color:#000;}
  .main_btm_section .section_vision ul {display:block; overflow:hidden; margin-left:-12px;}
  .main_btm_section .section_vision ul li {float:left; width:86px;}
  .main_btm_section .section_vision ul li dl {display:block; overflow:hidden;}
  .main_btm_section .section_vision ul li dl dt {display:block; text-align:center;}
  .main_btm_section .section_vision ul li dl dd {display:block; font-size:11px; text-align:center; color:#000;}
  
  .main_btm_section .section_advice {width:280px; height:180px; background:url(../img/main/sec_bg_advise.gif) no-repeat 0 0; position:absolute; left:386px; top:0; letter-spacing:-1px;}
  .main_btm_section .section_advice h2 { vertical-align:middle; margin-bottom:45px !important;}
  .main_btm_section .section_advice h2 * {vertical-align:middle;}
  .main_btm_section .section_recruit {width:240px; height:180px; position:absolute; left:678px; top:0; letter-spacing:-1px;}  
	.section_recruit ul.recruitTab {width:240px; overflow:hidden; height:180px;}
	.section_recruit ul.recruitTab li { float:left;}
	.section_recruit ul.recruitTab li > a {background:url(../img/main/recruit_tab_off.gif) no-repeat; display: block; height:35px; overflow: hidden; line-height:35px; text-align:center; font-size:14px; font-weight:700;}
	.section_recruit ul.recruitTab li.on > a {background:url(../img/main/recruit_tab_on.gif) no-repeat; color:#05507d; }
	.section_recruit ul.recruitTab li > a.mem10 { background-position: 0 0; width:121px;}
	.section_recruit ul.recruitTab li > a.mem20 { background-position: -121px 0; width:119px;}  
	.section_recruit ul.recruitTab li .conbox { position:absolute; top:35px; left:0; width:240px; height:145px; clear:both; display:none; background:url(../img/main/sec_bg_recruit01.gif) no-repeat 0 0;}	
	.section_recruit ul.recruitTab li.menu2 .conbox {background:url(../img/main/sec_bg_recruit02.gif) no-repeat 0 0;}
	.section_recruit ul.recruitTab li .conbox p { padding:60px 0 0 22px; color:#000;}
	.section_recruit ul.recruitTab li.on div.conbox {display:block;}
	
  .main_btm_section .section_banner { position:absolute; right:0; top:0;}	
  .main_btm_section .section_banner ul { display:block; overflow:hidden;}
  .main_btm_section .section_banner ul li { margin-top:6px; display:block; width:190px; height:40px; background:url(../img/main/sec_bg_direct.gif) no-repeat 0 0;}
  .main_btm_section .section_banner ul li.list01 { margin-top:0;}
  .main_btm_section .section_banner ul li a {display:block; width:170px; height:40px; line-height:40px; padding-left:20px; background:url(../img/main/ico_direct_nav.gif) no-repeat 154px 12px; font-weight:700; font-size:13px; color:#000;}  

/* footer */
#footer { clear:both; width:100%; padding-top:45px; height:80px;}
  .footer_wrap {width:1120px; margin:0 auto; position:relative;}
  .footer_wrap span.foot_logo { position:absolute; left:20px; top:0;}
  .footer_wrap span.wamark{position:absolute;right:0;top:0}
  .footer_wrap .footer_con { padding-left:195px;}
  .footer_wrap .footer_con p.address { font-size:12px; font-weight:700; color:#000;}
  .footer_wrap .footer_con p.copyright {font-size:12px; color:#252525;}
  .footer_wrap .footer_con ul.foot_util { display:block; overflow:hidden; position:absolute; left:662px; top:10px;}
  .footer_wrap .footer_con ul.foot_util li { float:left; margin-left:5px;}
  .footer_wrap .footer_con ul.foot_util li a { display:block; border:1px solid #d7d7d7; padding:0 10px; height:22px; line-height:22px; color:#252525; font-size:11px; border-radius:3px;}
  
  .familysite { position:absolute; left:800px; top:10px;}
  .familysite > a { text-align:center; width:133px; height:23px; line-height:23px; display:block; text-align:center; background:url(../img/main/family_off.gif) no-repeat 0 0; padding-right:20px; font-size:11px; color:#252525;}  

	/* family */
	#family { position:absolute; left:0; bottom:23px; z-index:99999;}
	#family div { height:150px; overflow-y:scroll; padding:0 0 0 10px; border:1px solid #d7d7d7; width:120px; border-bottom:0; background:#fff;}
	#family ul { display:block; overflow:hidden;}
	#family li {float:none; padding:3px 0 !important; font-size:11px;}
	#family li a { color:#252525; display:block;}
	#family li a:hover, #family li a:active, #family li a:focus {color:#000;}
 
  
.bx-wrapper {margin: 0 auto; padding: 0;  *zoom: 1;}
.bx-wrapper .bx-pager { position: absolute; bottom: 0; width: 100%; }

/* LOADER */
.bx-wrapper .bx-loading { min-height: 50px; background: url(/common/img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }

/* PAGER */
.bx-wrapper .bx-pager {position:absolute; left:0; top:0; z-index:999999;}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: block; *zoom: 1;}
.bx-wrapper .bx-pager.bx-default-pager a {width:175px; height:71px; display:block; text-indent:-9999em;}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active { cursor:default;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {position:absolute; right:28px; top:25px; z-index:999999; width:35px;}
.bx-wrapper .bx-controls-auto a { cursor:pointer;}
.bx-wrapper .bx-controls-auto .bx-start {display:block; text-indent:-9999em; width:12px; height:12px; background:url(/common/img/main/people_play.png) no-repeat 0 0; float:left;}
.bx-wrapper .bx-controlcs-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { opacity:0.5; }
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width:12px; height:12px; background:url(/common/img/main/people_pause.png) no-repeat 0 0; float:right;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { opacity:0.5; }


/* VISUAL Slide 
*************************************/

/* Direction Nav */
.flex-direction-nav {*height: 0; position:absolute; right:15px; top:15px;}
.flex-direction-nav li {float:left; display:block; margin-left:5px;}
.flex-direction-nav a {width: 27px; height: 27px; margin:0; display: block; z-index: 10; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav .flex-next {background: url(../img/main/slide_next.png) no-repeat 0 0;}
.flex-direction-nav .flex-prev {background: url(../img/main/slide_prev.png) no-repeat 0 0;}
.flex-direction-nav .flex-disabled {cursor: default;}

/* Control Nav */
.main_visual .flex-control-nav { display:none;}
.main_visual .flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.main_visual .flex-control-paging li a {width: 12px; height: 12px; display: block; background: url(../img/main/visual_pager.png) no-repeat; background-position:-18px 0; text-indent:-9999em;}
.main_visual .flex-control-paging li a:hover {background-position:0 0 !important; }
.main_visual .flex-control-paging li a.flex-active {background-position:0 0 !important;}

/* MainVisual Play Stop Control */
.main_visual .flex-pauseplay { position:absolute; right:80px; top:15px;}
.main_visual .flex-pauseplay a {color:#fff; cursor:pointer; display:block; text-indent:-9999em; width:27px; height:27px;}
.main_visual .flex-pauseplay a.flex-play {background:url(../img/main/slide_play.png) no-repeat 0 0;}
.main_visual .flex-pauseplay a.flex-pause {background:url(../img/main/slide_stop.png) no-repeat 0 0;}

/* People Story Play Stop */
.slide_section .flex-pauseplay { position:absolute; right:28px; top:25px;}
.slide_section .flex-pauseplay a {color:#fff; cursor:pointer; display:block; text-indent:-9999em; width:12px; height:12px;}
.slide_section .flex-pauseplay a.flex-play {background:url(../img/main/people_play.png) no-repeat 0 0;}
.slide_section .flex-pauseplay a.flex-pause {background:url(../img/main/people_pause.png) no-repeat 0 0;}


/********

  popup

********/

#layerPopWrap {
  position: absolute;
  top: 90px;
  left: 17%;
  margin-left: -100px;
  z-index: 999;
}

#popClose {
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.9);
    cursor: pointer;
}

#popClose > div {  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.4s;
}

#popClose:hover > div {
    transform: rotate(180deg);
}

#popClose span {
    width: 35px;
    height: 2px;
    background: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
}

#popClose span:first-child {
  transform: translate(-50%,-50%) rotate(45deg);
}

#popClose span:last-child {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.popCon {
    width: 800px;
    height: 630px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.popCon img {}


/* width */
.popCon::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.popCon::-webkit-scrollbar-track {
  background: #f1f1f1;
}
 
/* Handle */
.popCon::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.popCon::-webkit-scrollbar-thumb:hover {
  background: #555; 
}