@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;
}

/* main */
#wrapper{width:100%; min-width:1000px; overflow:hidden;}

#header{width:100%; position:relative;}
#gnb_wrap{width:100%; position:absolute; top:0; left:0; z-index:1000000000;}
.gnb_wrap{width:100%; max-width:2000px; margin:auto; position:relative; top:0; left:0; z-index:1000000000;}
.logo{position:absolute; top:50px; left:90px;}
.gnb{width:100%; text-align:center; padding-top:40px;}
.gnb a{display:inline-block; padding:10px 24px;}
.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;}

/* 메인비쥬얼 슬라이드 */
#mainimg{width:100%; height:456px; margin:auto; background:black; position:relative; overflow:hidden;}
.mvs-screen{width:2000px; position:absolute; left:50%; margin-left:-1000px; background-color:black;}
.mvs-screen ul{overflow:hidden;}
.mvs-screen ul li{float:left; position:relative; height:456px; overflow:hidden;}

.mvs-page{width:1000px; position:absolute; bottom:29px; left:50%; margin-left:-500px; z-index:10000; text-align:center;}
.mvs-page a{display:inline-block;width:18px;height:18px;background:url("../img/main/main_img_slide_btn_off.png") center no-repeat;margin:0 6px;}
.mvs-page a.selected{width:18px; height:18px; background:url("../img/main/main_img_slide_btn_on.png") center no-repeat;}
.mvs-page span{display:none;}
.mvs-play{position:absolute;left:50%; bottom:33px; margin-left:65px; display:none;z-index:10000;}
.mvs-pause{position:absolute;left:50%; bottom:33px; margin-left:65px; z-index:10000;}
.mvs-prev{position:absolute; left:0px; top:251px; z-index:10000;}
.mvs-next{position:absolute; right:0px; top:251px; z-index:10000;}

.main_copy{position:absolute; top:168px; left:50%; z-index:10000; margin-left:-323px;}

/* 메인컨텐츠 */
#mcontents{width:1000px; margin:0 auto; padding-bottom:60px;}
.mb_head{width:1000px; height:46px; margin-top:46px; border-bottom:1px solid #bdbdbd; overflow:hidden;}
.mb_head div{float:left; overflow:hidden;}
.mb_head div p{float:left;}
.mb_head div img{float:left; padding-right:12px;}
.mb_head a{float:right; padding-top:9px;}
.mb_tit{font-size:13px; color:#757575; background:url("../img/main/mbusiness_bar.gif") left 10px no-repeat; padding:8px 0 0 12px;}

.mbusiness{width:1000px; overflow:hidden; margin-top:23px; font-size: 0; text-align: center;}
.mbusiness li{/*float:left;*/ margin-left:30px; cursor:pointer; display: inline-block; text-align: left;}
.mbusiness li:first-child{margin-left:0 !important;}

.mb_img{width:176px; height:130px; overflow:hidden;}
.mb_cont{font-size:13px; color:#757575; line-height:160%; margin-top:26px;}
.mtit{font-size:16px; color:#1c1c1c; font-weight:800; padding-bottom:11px;}
.mmore{font-size:14px; color:#1c1c1c; font-weight:800; padding-top:25px;}
.mmore img{vertical-align:-4px; padding-left:7px;}

.mbusiness li .mb_img 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;
}
.mbusiness li:hover .mb_img img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

/* 하단 */
#foot_wrap{width:100%; height:130px; border-top:1px solid #e0e0e0;}
.foot{width:1000px; margin:0 auto; text-align:center; font-size:12px; color:#767676; line-height:180%; padding-top:25px;}
.copy_right{font-size:11px; color:#757575;}
.fblit{padding:6px 15px 0 15px;}

/* 서브비쥬얼 */
#subimg01{width:100%; height:252px; background:black url("../img/sub/subimg01.jpg") center top no-repeat; position:relative;}
#subimg02{width:100%; height:252px; background:black url("../img/sub/subimg02.jpg") center top no-repeat; position:relative;}
#subimg03{width:100%; height:252px; background:black url("../img/sub/subimg03.jpg") center top no-repeat; position:relative;}
#subimg04{width:100%; height:252px; background:black url("../img/sub/subimg04.jpg") center top no-repeat; position:relative;}
#subimg05{width:100%; height:252px; background:black url("../img/sub/subimg05.jpg") center top no-repeat; position:relative;}
.sub_copy{width:100%; text-align:center; padding-top:137px;}

/* lnb */
#lnb{width:100%; height:64px; border-bottom:1px solid #e0e0e0; text-align:center; background:white;}
#lnb a{display:inline-block; padding:22px 20px 0 20px; background:url("../img/sub/lnb_blit.gif") left 50% no-repeat; height:42px;}
#lnb .on{color:#ba211f; border-bottom:1px solid #ba211f;}
#lnb a:first-child{background:none !important;}

#lnb.fixed{position:fixed; top:0 !important; background:#fbfbfb !important; z-index:1000000000 !important;}


/* 서브내용 */
#container{width:100%; padding-top:50px; color:#363636;}
#his_container{width:1000px; margin:0 auto; padding-top:50px; color:#363636; background:url("../img/sub/history_line.gif") left top repeat-y;}
#business_container{width:100%; padding-top:50px; color:#363636; background:#f5f5f5;}
#board_container{width:100%; padding-top:50px; color:#363636; background:#f5f5f5;}
#boardview_container{width:100%; color:#363636; background:#f5f5f5;}
.bg_gray{background:#f5f5f5;}

/* 서브컨텐츠 스타일 */
.wmauto{width:1000px; margin:0 auto;}
.txtc{text-align:center;}
.txtr{text-align:right;}
.txtl{text-align:left;}

.font12{font-size:12px;}
.font13{font-size:13px;}
.font14{font-size:14px;}
.font15{font-size:15px;}
.font16{font-size:16px;}
.font17{font-size:17px; font-weight:300;}
.font20{font-size:20px; font-weight:300;}
.font23{font-size:23px; font-weight:300;}
.font26{font-size:26px; font-weight:300;}
.font32{font-size:32px; font-weight:300;}

.fontw300{font-weight:300;}
.fontw500{font-weight:500;}
.fontw800{font-weight:800;}

.lineh150{line-height:150%;}
.lineh170{line-height:170%;}
.lineh220{line-height:220%;}
.lineh240{line-height:240%;}
.lineh280{line-height:280%;}
.lineh300{line-height:300%;}

.pdt5{padding-top:5px;}
.pdt10{padding-top:10px;}
.pdt20{padding-top:20px;}
.pdt30{padding-top:30px;}
.pdt35{padding-top:35px;}
.pdt40{padding-top:40px;}
.pdt50{padding-top:50px;}
.pdt60{padding-top:60px;}
.pdt70{padding-top:70px;}
.pdt75{padding-top:75px;}
.pdt85{padding-top:85px;}

.pdl0{padding-left:0 !important;}
.pdl30{padding-left:30px !important;}
.pdl74{padding-left:74px;}

.pdb15{padding-bottom:15px;}
.pdb20{padding-bottom:20px;}
.pdb25{padding-bottom:25px;}
.pdb30{padding-bottom:30px;}
.pdb40{padding-bottom:40px;}
.pdb50{padding-bottom:50px;}
.pdb55{padding-bottom:55px;}
.pdb60{padding-bottom:60px;}
.pdb70{padding-bottom:70px;}
.pdb75{padding-bottom:75px;}
.pdb80{padding-bottom:80px;}
.pdb100{padding-bottom:70px;}

.mgt10{margin-top:10px;}
.mgt30{margin-top:30px;}
.mgt45{margin-top:45px;}
.mgt50{margin-top:50px;}
.mgt60{margin-top:60px;}
.mgt80{margin-top:80px;}
.mgt90{margin-top:90px;}

.posirel{position:relative;}
.posiabs{position:absolute;}

.cred{color:#ba211f !important}
.cblack{color:#363636 !important;}
.cgray{color:#757575 !important;}
.cwhite{color:white !important;}

.float_over{overflow:hidden;}
.fl_left{float:left;}
.fl_right{float:right;}

.width470{width:470px;}

.aboutimg01{width:1000px; height:283px; background:url("../img/sub/aboutimg01.gif") left top no-repeat;}
.aboutimg01 p{position:absolute; color:white; text-align:center;}
.aboutimg02{width:100%; height:453px; background:url("../img/sub/aboutimg02.gif") center top no-repeat;}
.aboutimg02 table{width:440px; position:absolute; bottom:10px; left:50%; margin-left:63px;}
.aboutimg02 table td{color:#757575; font-size:13px; padding:5px 0;}
.about_tab_td01{color:#363636 !important;}

.history{width:1000px; overflow:hidden; padding-top:20px;}
.history li{font-size:13px; color:#757575; line-height:150%; position:relative; width:1000px; min-height:330px;}

.hisimg01{width:1000px; min-height:310px; margin-top:30px; background:url("../img/sub/historyimg01.gif") right top no-repeat;}
.hisimg01 dl{overflow:hidden; padding:5px 0;}
.hisimg01 dl:first-child{}
.hisimg01 dl dt{font-size:14px; color:#363636; float:left; font-weight:800; padding-left:75px;}
.hisimg01 dl dd{float:left; padding-left:30px;}

.hisimg02{width:1000px; min-height:310px; padding-top:50px; padding-bottom:100px; background:url("../img/sub/historyimg02.gif") 40px 50px no-repeat;}
.hisimg02 dl{overflow:hidden; padding:5px 0;}
.hisimg02 dl:first-child{}
.hisimg02 dl dt{font-size:14px; color:#363636; float:left; font-weight:800; padding-left:592px;}
.hisimg02 dl dd{float:left; padding-left:30px;}

.his_tit01{font-size:36px; font-weight:800; color:#363636; font-style:italic; padding-left:73px; padding-bottom:15px; line-height:150%; background:url("../img/sub/history_blit.gif") left 13px no-repeat;}
.his_tit02{font-size:36px; font-weight:800; color:#363636; font-style:italic; padding-left:590px; padding-bottom:15px; line-height:150%; background:url("../img/sub/history_blit.gif") left 13px no-repeat;}

.mapbtn_wrap{position:absolute; top:92px; right:0;}
.mapbtn_wrap a.on{color:#ba211f !important;}
.mapbtn_wrap a:first-child{margin-right:15px;}
.mapbtn{vertical-align:-4px; padding-right:5px;}

.business01{width:100%; height:632px; background:black url("../img/sub/businessimg01.jpg") center top no-repeat;}
.business_icon{width:1000px; height:632px; margin:0 auto; background:url("../img/sub/businessimg02.png") left 76px no-repeat; position:relative;}
.business_icon p{position:absolute; font-size:14px; color:white; text-align:center;}

.business02{width:100%; height:674px; background:#f5f5f5;}
.business02_icon_wrap{width:1000px; margin:0 auto; position:relative; margin-top:170px; text-align:center;}
.business02_icon{width:1000px; position:absolute; top:-90px;}
.business02_icon p{text-align:center;font-size:14px; color:#757575; display:inline-block;}
.business02_icon p img{padding-bottom:17px; display:block;}

.busi03_text{width:1000px; margin:0 auto; border-top:1px solid #cfcfcf; position:relative; top:180px;}
.busi03_text ul{overflow:hidden;}
.busi03_text ul li{float:left; font-size:13px; color:#757575; line-height:150%;}
.busi03_text ul li:first-child{padding-right:90px;}
.busi03_text ul li p{font-size:26px; font-weight:300; color:#363636; padding:50px 0 20px 0;}
.busi03_text ul li dl{overflow:hidden; padding:5px 0;}
.busi03_text ul li dl dt{float:left; font-size:14px; color:#363636; font-weight:800;}
.busi03_text ul li dl dd{float:left;}

.busi_btn{position:absolute; top:89px; right:0;}
.busi_btn a{border-bottom:1px solid #ba211f;}
.blit{vertical-align:-5px; padding-left:3px;}

.businessbg{width:1000px; height:363px; background:url("../img/sub/businessimg05.jpg") left top no-repeat;}
.businessbg div{width:361px; height:363px; background:url("../img/sub/business_bg.png") left top repeat; color:#9b9b9b; font-size:13px;}
.bbg_tit{font-size:26px; color:white; font-weight:300; padding:60px 0 30px 45px;}
.bbg_txt{line-height:180%; padding-left:45px;}

/*
.wheel_btn{width:1000px; text-align:center; margin-top:50px;}
.wheel_btn p{display:inline-block; padding:0 10px;}
.wheel_btn a{border-bottom:1px solid #ba211f;}
*/
.wheel_btn{width:1000px; text-align:center; margin-top:20px;}
.wheel_btn p{display:inline-block; padding:0 10px;}
.wheel_btn a{border-bottom:1px solid #ba211f;}

.business_container02{width:1000px; margin:0 auto; position:relative;}

.partner{width:1000px; border-top:1px solid white; border-left:1px solid white; overflow:hidden; margin-top:15px;}
.partner li{float:left; border-right:1px solid white; border-bottom:1px solid white;}

.ir_tab01{width:1000px; border-top:1px solid #b6b6b6; margin-top:32px;}
.ir_tab01 th{font-weight:500; background:#f6f8f9; font-size:16px; padding:20px 0; border-bottom:1px solid #b6b6b6;}
.ir_tab01 td{font-size:15px; color:#757575; padding:15px 20px 15px 0; text-align:right;}
.irtd01{color:#363636 !important; background:#fdf8ef; text-align:center !important; padding-right:0 !important; border-bottom:1px solid #e7e7e7;}
.irtd02{border-bottom:1px solid #e7e7e7;}
.irtd03{border-bottom:1px solid #cfcfcf;}
.irtd04{color:#363636 !important; background:#fdf8ef; text-align:center !important; padding-right:0 !important; border-bottom:1px solid #cfcfcf;}
.irtd05{border-right:1px solid #cfcfcf;}
.irtd06{border-right:1px solid #e7e7e7;}

.ir_cap{position:absolute; top:38px; right:0; font-size:13px; color:#757575;}

.gray_bg{width:100%; margin:0 auto; padding-top:50px; color:#363636; background:#f5f5f5;}
.white_bg{width:100%; margin:0 auto; padding-top:50px; color:#363636; background:white;}

.ir_down01{width:1000px; margin:0 auto; overflow:hidden;}
.ir_down01 li{float:left; font-size:16px; color:#757575; line-height:150%;}
.ir_down02{width:1000px; margin:0 auto; overflow:hidden; border-top:1px solid #e0e0e0;}
.ir_down02 li{float:left; font-size:16px; color:#757575; line-height:150%;}
.ird_li01{width:308px; font-size:20px !important; color:#363636 !important;}
.ird_li02{width:692px;}

.ir_down_btn{}
.ir_down_btn a{display:inline-block; border:1px solid #e3e3e3; padding:17px 35px 13px 60px;}
.pdfdonw{background:white url("../img/sub/pdf_down.gif") 30px 10px no-repeat;}
.acrobatdonw{background:#f5f5f5 url("../img/sub/acrobat_down.gif") 30px 14px no-repeat;}
.youtubeview{background:#f5f5f5 url("../img/sub/youtube_btn.gif") 30px 15px no-repeat; padding:17px 35px 13px 65px !important;}

.recruit_cont01{width:1000px; height:474px; margin:0 auto; background:url("../img/sub/recruitimg01.gif") 50% top no-repeat;}
.recruit_cont01 div{width:230px; position:absolute;}
.rec_icon_tit{padding:10px 0 16px 0; line-height:120%;}

.recruit_cont02{width:1000px; margin:0 auto;}
.recruit_cont02 ul{width:1000px; overflow:hidden; padding:45px 0; border-top:1px solid #e0e0e0;}
.recruit_cont02 ul:first-child{border-top:none !important; padding-top:0 !important;}
.recruit_cont02 ul li{float:left; font-size:14px; color:#757575; line-height:150%;}
.recruit_li01{width:292px; font-size:20px !important; color:#363636 !important;}
.recruit_li02{width:708px;}
.recruit_li02 dl{overflow:hidden; padding:5px 0;}
.recruit_li02 dl dt{float:left; color:#363636 !important; font-weight:800;}
.recruit_li02 dl dd{float:left; padding-left:12px;}

.recruit_ul01{width:1000px; margin:0 auto; overflow:hidden;}
.recruit_ul01 li{float:left; font-size:15px; color:#757575; line-height:150%;}
.recruit_ul01 li dl{line-height:180%;}
.recruit_ul01 li dl dt{color:#ba211f; font-size:14px; padding-left:20px;}
.recruit_ul01 li dl dd{font-size:13px; padding-left:20px;}

.rec_li01{width:277px; font-size:20px !important; color:#363636 !important;}
.rec_li02{width:723px;}
.rec_li02 div{width:723px; /*height:204px;*/ height:181px; background:url("../img/sub/recruitimg03.gif") left top no-repeat;}

.recruit_ul02{width:1000px; overflow:hidden;}
.recruit_ul02 li{float:left; font-size:13px; color:#757575; line-height:150%;}
.rec_li03{width:277px; font-size:20px !important; color:#363636 !important;}
.rec_li04{width:723px;}
.rec_li04 table{width:723px; border-top:1px solid #b6b6b6;}
.rec_li04 table tr th{font-size:15px; color:#363636; font-weight:500; border-bottom:1px solid #b6b6b6; background:#f6f8f9; text-align:center; padding:25px 0;}
.rec_li04 table tr td{border-bottom:1px solid #e2e3e4; padding:15px 0;}
.rec_td_border01{border-right:1px solid #e2e3e4;}
.rec_td_border02{border-right:1px solid #cfcfcf;}
.rec_td_border03{border-bottom:1px solid #cfcfcf;}
.rec_td_border04{background:#fdf8ef; font-size:14px !important; color:#363636 !important;}
.rec_td_border05{background:white;}

/* 게시판 */
.search_wrap{width:999px; overflow:hidden; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:white;}
.search_wrap p{width:912px; float:left;}
.search_inp01{font-size:18px !important; color:#757575 !important; font-weight:300; padding:20px; border:none !important; width:860px;}
.search_inp02{width:87px; float:left;}

.list_ea{font-size:13px; color:#757575; padding-top:25px; padding-bottom:12px;}
.list_point{color:#ba211f !important; font-weight:800;}

.board_list{width:999px;}
.board_list li{border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3; font-size:13px; color:#757575; line-height:150%; background:white url("../img/sub/blist_blit.gif") 928px 50% no-repeat; position:relative; margin-bottom:4px;}
.board_list li table{width:870px; height:147px; table-layout:fixed;}
.board_list li table td{word-break:break-all;}

.blist_td01{border-right:1px solid #f5f5f5; text-align:center; padding:30px 0;}
.blist_td01 p{font-size:32px; color:#363636; padding:10px 0;}
.blist_td01 div{font-size:12px;}

.blist_td02{vertical-align:top; padding:30px 40px;}
.blist_td02 p{font-size:20px; padding:6px 0 15px 0; color:#363636;}
.blist_td02 div{height:46px; font-size:13px; line-height:180%;}

.cursor{cursor:pointer;}
.blist_over{width:996px; height:144px; border:2px solid #ba211f; position:absolute; top:0; left:0; display:none;}

/* 페이징 */
.page{width:1000px; text-align:center; padding-top:30px;}
.page a{display:inline-block;text-decoration:none; color:#363636; vertical-align:top; font-size:13px;padding:0px 15px; line-height:32px;}
.page a:hover{color:#ba211f;}
.page img{vertical-align:2px;}
.page_num{}
.page_btn{margin:0 10px;}
.page .on{font-size:14px; color:#ba211f; font-weight:800; border-bottom:2px solid #ba211f;}
.page .on span{border-top:1px solid #ba211f; padding-top:5px;}

/* 뷰_페이징 */
.view_page{width:259px; text-align:center; padding-top:20px;}
.view_page a{display:inline-block;text-decoration:none; color:#363636; vertical-align:top; font-size:13px;padding:0px 15px; line-height:32px;}
.view_page a:hover{color:#ba211f;}
.view_page img{vertical-align:2px;}
.view_page .on{font-size:14px; color:#ba211f; font-weight:800; border-bottom:2px solid #ba211f;}
.view_page .on span{border-top:1px solid #ba211f; padding-top:5px;}

.board_view{width:50%; background:white; position:relative;}
.bview_cont{width:1000px; margin-right:-500px; background:#f5f5f5 url("../img/sub/bv_bg.gif") left top repeat-y; float:right; overflow:hidden;}
.bv_left{width:717px; background:white; float:left;}
.bv_right{width:259px; float:right; padding-left:24px;}

.clfix:after{clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size:0;} /* float clearing for everyone else */

.view_head{width:685px; border-bottom:1px solid #e3e3e3; padding-bottom:10px;}
.view_date{font-size:12px; color:#757575;}
.view_tit{width:685px; font-size:26px; font-weight:300; padding:10px 0 12px 0; word-break:break-all; line-height:130%;}
.view_txt{width:685px; word-break:break-all; color:#757575; line-height:180%; padding:40px 0;}

.view_list{width:259px; table-layout:fixed;}
.view_list td{border-bottom:1px solid #e3e3e3; padding:10px 0; font-size:13px ; color:#757575; word-break:break-all;}

.btn_wrap{width:259px; margin-top:50px;}
.btn_wrap a{border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; padding:55px 0; text-align:center; position:relative;}
.list_btn{width:258px; display:block; background:white; margin-bottom:3px;}
.prev_btn{width:127px; display:inline-block; background:white; float:left;}
.next_btn{width:127px; display:inline-block; background:white; float:left; margin-left:3px;}

.list_head{position:relative;}
.list_head p{}
.list_head div{position:absolute; top:10px; right:0;}
.list_head div a{text-align:center; display:inline-block; padding:8px 15px; background:#f5f5f5; border:1px solid #e3e3e3;}
.list_head div a.on{background:white !important; color:#ba211f !important;}

.recruit_blist{width:1000px; overflow:hidden;}
.recruit_blist ul{width:1004px; overflow:hidden;}
.recruit_blist ul li{width:246px; height:243px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:white; float:left; margin:0 4px 4px 0; position:relative; font-size:13px; line-height:150%;}

.re_blist_over{width:243px; height:240px; border:2px solid #ba211f; display:none; position:absolute; top:0; left:0;}

.re_blist_head{width:199px; overflow:hidden; margin-left:24px; padding-top:28px;}
.re_blist_head p{float:left;}
.re_blist_head div{float:right;}
.re_blist_head div span{width:45px; height:24px; background:url("../img/sub/field_bg.gif") left top no-repeat; text-align:center; color:#757575; font-size:13px; display:inline-block; padding-top:3px;}

.rbl_tit{width:199px; height:51px; font-size:16px; color:#363636; line-height:160%; word-break:break-all; padding:13px 0 6px 0; margin-left:24px;}
.rbl_txt{width:199px; height:42px; font-size:13px; color:#757575; line-height:160%; word-break:break-all; margin-left:24px;}
.rbl_date{width:177px; border-top:1px solid #e3e3e3; padding:15px 0 0 22px; background:url("../img/sub/date_icon.gif") left 14px no-repeat; font-size:12px; color:#757575; margin:20px 0 0 24px;}

.date_icon{padding-right:5px;}

.rbl_view_file{width:685px; overflow:hidden; padding-bottom:30px;}
.rbl_view_file div{float:left;}
.rbl_view_file div span{width:45px; height:24px; background:url("../img/sub/field_bg.gif") left top no-repeat; text-align:center; color:#757575; font-size:13px; display:inline-block; padding-top:3px;}
.rbl_view_file p{float:left; padding-top:3px; margin-left:10px;}
.rbl_view_file p span{background:url("../img/sub/file_bar.gif") left 50% no-repeat; padding:0 5px;}
.rbl_view_file p span a{border-bottom:1px solid #ba211f; margin:0 10px;}
.rbl_view_file p span:first-child{background:none !important;}

/*
.relative_ul01{width:476px; float:left;}
.relative_ul01 p{font-size:23px; font-weight:300; color:#363636; line-height:150%; padding-bottom:3px;}
.relative_ul01 ul{}
.relative_ul01 ul li{margin-top:8px;}

.relative_ul02{width:476px; overflow:hidden; float:right;}
.relative_ul02 p{font-size:23px; font-weight:300; color:#363636; line-height:150%; padding-bottom:3px;}
.relative_ul02 ul{width:484px; overflow:hidden;}
.relative_ul02 ul li{width:234px; float:left; margin:8px 8px 0 0;}
*/

.relative_ul01{width:302px; float:left;}
.relative_ul01 p{font-size:20px; font-weight:300; color:#363636; line-height:150%; padding-bottom:3px;}
.relative_ul01 ul{}
.relative_ul01 ul li{margin-top:8px;}

.relative_ul02{width:302px; overflow:hidden; float:left; margin-left:47px;}
.relative_ul02 p{font-size:20px; font-weight:300; color:#363636; line-height:150%; padding-bottom:3px;}
.relative_ul02 ul{}
.relative_ul02 ul li{margin-top:8px;}

.relative_ul03{width:302px; overflow:hidden; float:left; margin-left:47px;}
.relative_ul03 p{font-size:20px; font-weight:300; color:#363636; line-height:150%; padding-bottom:3px;}
.relative_ul03 ul{}
.relative_ul03 ul li{margin-top:8px;}





.relative_map{width:1000px; height:642px; margin:0 auto; background:url("../img/sub/relative_map.gif") left 30px no-repeat; padding:30px 0 70px 0; position:relative;}
.relative_map div{position:absolute; text-align:center; color:#363636; font-size:12px; font-weight:800;}
.relative_map div p:first-child{padding-bottom:2px;}

.relative_view{width:100%; border-top:1px solid #e0e0e0;}
.relative_view02{width:100%; background:#f5f5f5;}

.rel_vhead{width:1000px; line-height:150%; color:#363636; padding-top:10px; position:relative;}
.rel_vtit{font-size:32px; font-weight:300;}
.rel_vadr{font-size:17px; padding:35px 0 8px 0; line-height:160%;}
.rel_vnum{font-size:15px; color:#757575;}
.rel_back{position:absolute; top:8px; right:0;}
.rel_back img{vertical-align:1px; padding-right:5px;}
.rel_back span{border-bottom:1px solid #ba211f;}

.video_layer_pop{display:none;}
.layer_bg02{background-color:#ba211f; position:relative;}
.pdf_g_close_btn{position:absolute; top:0;}
.pdf_g_close_btn{cursor:pointer;}
.pdf_g_logo{position:absolute; bottom:0;}

/* 2018.01.10 그룹 회장 인사말 추가 */
.greeting{padding-bottom:50px;}
.greeting .greeting_txt{font-size:17px; line-height:30px; color:#363636; padding:30px 0 70px}
.greeting .sign span{display:block; text-align:right; font-size:17px; line-height:30px; color:#363636; padding-bottom:10px;}
.greeting .sign p{text-align:right; font-size:17px; line-height:30px; color:#363636; }
.greeting .sign p img{vertical-align:middle; padding-left:10px;}



/* 240725 관계사현황 수정 */
.relative_con {max-width: 1000px; width: 100%; margin: 0 auto; padding-bottom: 50px;}
.relative_con .con1 {padding-bottom: 20px; position: relative;}
.relative_con .con1::before {content: ''; width: 1px; height: 20px; background-color: #dddddd; position: absolute; bottom: 0; left: 50%;}
.relative_con .con1 .txt_bx {width: 220px; height: 90px; display:flex; justify-content:center; align-items:center; table-layout:fixed; background: url(../img/sub/sub_0103_bg1.jpg) no-repeat center; margin: 0 auto; position: relative;}
.relative_con .con1 .txt_bx::before {content: ''; width: 281px; height: 1px; background-color: #dddddd; position: absolute; top: 50%; left: 100%;}
.relative_con .con1 .txt_bx::after {content: ''; width: 1px; height: 185px; background-color: #dddddd; position: absolute; top: 50%; right: -281px;}
.relative_con .con1 .txt_bx span {text-align: center; font-size: 16px; color: #ffffff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all;}

.relative_con .con2 {padding-bottom: 20px; position: relative;}
.relative_con .con2::before {content: ''; width: 1px; height: 20px; background-color: #ddd; position: absolute; bottom: 0; left: 50%;}
.relative_con .con2 ul {display: flex; flex-flow: wrap;}
.relative_con .con2 ul li {width: calc(33.333% - 113.33px); margin-right: 170px; box-sizing: border-box; padding-top: 20px; position: relative;}
.relative_con .con2 ul li::before {content: ''; width: 1px; height: 20px; background-color: #ddd; position: absolute; top: 0; left: 50%;}
.relative_con .con2 ul li::after {content: ''; width: calc(100% + 170px); height: 1px; background-color: #ddd; position: absolute; left: -85px; top: 0px;}
.relative_con .con2 ul li:first-child::after {width: calc(50% + 85px); left: 50%;}
.relative_con .con2 ul li:last-child::after {width: calc(50% + 85px);}
.relative_con .con2 ul li:nth-child(3n) {margin-right: 0;}
.relative_con .con2 ul li .txt_bx {height: 60px; display:flex; justify-content:center; align-items:center; table-layout:fixed;; background: url(../img/sub/sub_0103_bg2.jpg) no-repeat center;}
.relative_con .con2 ul li .txt_bx span {font-size: 16px; color: #fff; font-weight: 700; letter-spacing: -0.05em; word-break: keep-all; text-align: center;}

.relative_con .con3 {display: flex; flex-flow: wrap;}
.relative_con .con3 .con_w {width: calc(25% - 30px); margin-right: 40px; box-sizing: border-box; position: relative; padding-top: 20px;}
.relative_con .con3 .con_w:nth-child(4n) {margin-right: 0;}
.relative_con .con3 .con_w:first-child {padding-top: 90px;}
.relative_con .con3 .con_w::before {content: ''; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; top: 0;}
.relative_con .con3 .con_w:first-child::before {height: 110px; top: -20px;}
.relative_con .con3 .con_w:last-child::before {display: none;}
.relative_con .con3 .con_w::after {content: ''; width: calc(100% + 40px); height: 1px; background-color: #ddd; position: absolute; left: -20px; top: 0;}
.relative_con .con3 .con_w:nth-child(2)::after {width: calc(50% + 20px); left: 50%;}
.relative_con .con3 .con_w:nth-child(3)::after {width: calc(50% + 20px);}
.relative_con .con3 .con_w:first-child::after {display: none;}
.relative_con .con3 .con_w:last-child::after {display: none;}
.relative_con .con3 .con_w .c_ttl {height: 60px; background-color: #f5f5f5; border: 1px solid #ddd; box-sizing: border-box; display:flex; justify-content:center; align-items:center; table-layout:fixed; margin-bottom: 10px; position: relative;}
.relative_con .con3 .con_w .c_ttl::before {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; bottom: -11px; left: 50%;}
.relative_con .con3 .con_w .c_ttl span {font-size: 16px; color: #111; letter-spacing: -0.05em; word-break: keep-all; font-weight: 700;}
.relative_con .con3 .con_w ul li {margin-bottom: 10px; position: relative;}
.relative_con .con3 .con_w ul li:last-child {margin-bottom: 0px;}
.relative_con .con3 .con_w ul li::before {content: ''; width: 1px; height: 10px; background-color: #ddd; position: absolute; bottom: -10px; left: 50%;}
.relative_con .con3 .con_w ul li:last-child::before {display: none;}
.relative_con .con3 .con_w ul li a {height: 50px; box-sizing: border-box; border: 1px solid #dddddd; padding: 0 20px; display:flex; justify-content:left; align-items:center; table-layout:fixed; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.relative_con .con3 .con_w ul li a:hover {border-color: #ba211f;}
.relative_con .con3 .con_w ul li.on a {border-color: #ba211f;}
.relative_con .con3 .con_w ul li a img {max-width: 100%;}