@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;}

 /* 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:661px; height:287px; z-index: 999;}
  #gnb > ul { display:block; overflow:hidden; height:38px;}
  #gnb > ul > li a {font-family:"Open Sans", Arial, Helvetica, sans-serif;}
  #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;}
  #gnb > ul > li.active > a, #gnb > ul > li.hv > a { color:#355da3;}
  #gnb > ul > li#mem01 {width:150px;}
  #gnb > ul > li#mem01 > a {width:135px;}
  #gnb > ul > li#mem02 {width:156px;}  
  #gnb > ul > li#mem03 {width:200px;} 
  #gnb > ul > li#mem04 {width:145px;}
  #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:600; 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;}
  #gnb > ul > li#mem04 > div > ul {border-right:0;}
  #gnb > ul > li#mem03 > a {letter-spacing:-1px;} 
  #gnb > ul > li > div > ul > li.smtxt a {line-height:18px; height:36px; padding:8px 0 5px 20px;}
  #gnb > ul > li > div > ul > li.smtxt_lg a {line-height:18px; height:55px; padding:8px 0 5px 20px;}
  
  .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:600; text-transform:uppercase; font-size:11px;}*/
  .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:600; color:#333;}
  
#main_container { clear:both; width:100%;}
#main_container a { display:block;}
#main_container h2 { color:#05507c; font-size:18px; font-weight:600; margin-bottom:5px; font-family:"Open Sans", Arial, Helvetica, 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;}
  .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: "Open Sans", Arial, Helvetica, sans-serif;}
  .main_top_section .main_visual ul.slides li dl dt strong {font-weight:600;}
  .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:Arial, Helvetica, sans-serif;}
  
  .main_top_section .section_mid_con {width:366px; height:564px; position:absolute; left:552px; top:0;}
  .main_top_section .section_mid_con .section_overview {height:180px; background:url(../img/main/main_overview_bg.gif) no-repeat 0 0;}
  .main_top_section .section_mid_con .section_overview .section_wrap {padding:23px 15px 0 20px;}
  .main_top_section .section_mid_con .section_overview p {font-size:13px; line-height:18px;}
  .main_top_section .section_mid_con .section_overview h2 {font-size:20px !important; margin-bottom:10px !important; letter-spacing:-1px;}
  .main_top_section .section_mid_con .section_overview a {display:block; color:#333333;}
  .main_top_section .section_mid_con .section_overview a:hover p { color:#000 !important;}
  
  .main_top_section .section_mid_con .section_product {height:373px; background:url(../img/main/main_product_bg.gif) no-repeat 0 0; margin-top:12px;}  
  .main_top_section .section_mid_con .section_wrap {padding:0 11px;}
  .main_top_section .section_mid_con ul { display:block; overflow:hidden;}
  .main_top_section .section_mid_con ul li { display:block; border-bottom:1px solid #dfdfdf; position:relative; padding:20px 15px 15px;}
  .main_top_section .section_mid_con ul li.boxlist01 {height:85px; background:url(../img/main/main_product_ico01.gif) no-repeat 243px 39px; padding-top:25px;}
  .main_top_section .section_mid_con ul li.boxlist02 {height:85px; background:url(../img/main/main_product_ico02.gif) no-repeat 250px 36px;}
  .main_top_section .section_mid_con ul li.boxlist03 {height:95px; border-bottom:0; background:url(../img/main/main_product_ico03.gif) no-repeat 255px 20px;}  
  .main_top_section .section_mid_con ul li dl { display:block; overflow:hidden;}
  .main_top_section .section_mid_con ul li dl dt {display:block; line-height:20px;}
  .main_top_section .section_mid_con ul li dl dt h2 { font-size:20px !important; margin-bottom:10px !important; letter-spacing:-1px;}
  .main_top_section .section_mid_con ul li dl dd {display:block; font-size:13px; line-height:18px;}
  .main_top_section .section_mid_con ul li a {color:#333333;}
  .main_top_section .section_mid_con ul li a:hover dd { color:#000 !important;}
    
  .main_top_section .section_intro {width:190px; height:180px; position:absolute; right:0; top:0; background:url(../img/main/sec_bg_intro.gif) no-repeat 0 0;}
  .main_top_section .section_intro h2 { font-size:18px !important; line-height:20px !important; margin-bottom:10px !important;}
  .main_top_section .section_intro p {font-size:12px; color:#252525; line-height:15px;}  
  .main_top_section .section_intro .section_wrap {padding:23px 15px 0 20px;}
  .main_top_section .section_intro .section_wrap a { display:block;}
  .main_top_section .section_intro .section_wrap a:hover { color:#000;}
  .main_top_section .section_intro .section_wrap span { position:absolute; left:150px; top:140px;}
  
  .main_top_section .section_manage {position:absolute; right:0; top:192px; overflow:hidden; margin-top:-5px; width:190px;}
  .main_top_section .section_manage h2 { color:#252525 !important; line-height:22px; margin-bottom:10px !important; font-size:16px !important;}
  .main_top_section .section_manage .section_wrap {padding:23px 15px 0 20px; background:url(../img/main/sec_bg_manage.gif) no-repeat 0 0; height:66px; margin-top:5px;}
  .main_top_section .section_manage .section_wrap a:hover { color:#000;}
  
  .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 h2 {color:#252525 !important; line-height:18px; margin-bottom:10px !important; font-size:16px !important;}
  .main_top_section .section_social p {font-size:12px; line-height:15px;}
  .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_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; color:#252525;}
  .main_btm_section .section_vision ul {display:block; overflow:hidden; margin-left:-12px;}
  .main_btm_section .section_vision ul li {float:left; width:88px;}
  .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_recruit.gif) no-repeat 0 0; position:absolute; left:386px; top:0; }
  .main_btm_section .section_advice h2 { margin-bottom:20px !important;}
  .main_btm_section .section_advice p {color:#252525;}
  .main_btm_section .section_finnace {width:240px; height:180px; position:absolute; left:678px; top:0; background:url(../img/main/sec_bg_finace.gif) no-repeat 0 0;}  
  .main_btm_section .section_finnace h2 { line-height:20px; margin-bottom:8px !important;}
  .main_btm_section .section_finnace p {color:#252525;}
	.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:600;}
	.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;}
	.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:87px; background:url(../img/main/ico_direct_nav.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:87px; line-height:87px; padding-left:20px; font-weight:600; font-size:15px; color:#252525; font-family:"Open Sans", Arial, Helvetica, sans-serif;}  

/* 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 .footer_con { padding-left:195px;}
  .footer_wrap .footer_con p.address { font-size:12px; font-weight:600; color:#000;}
  .footer_wrap .footer_con p.copyright {font-size:12px; color:#959595; padding-top:20px; font-family:"Open Sans", Arial, Helvetica, sans-serif; text-transform:uppercase;}
  .footer_wrap .footer_con ul.foot_util { display:block; overflow:hidden; position:absolute; left:552px; 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:#636363; font-size:11px; border-radius:3px;}
  
  .familysite { position:absolute; left:550px; top:15px;}
  .familysite > a {width:120px; padding:0 20px 0 5px; height:23px; line-height:23px; display:block; background:url(../img/main/family_off.gif) no-repeat 0 0; font-size:11px; text-transform:uppercase; font-family:"Open Sans", Arial, Helvetica, sans-serif;}  

	/* 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:130px; 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:#333; display:block; text-transform:uppercase; font-family:"Open Sans", Arial, Helvetica, sans-serif;}
	#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;}