@charset "utf-8";
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

.mainVisual{height:514px;width:100%;z-index:4; position:relative; margin-top:121px;}
.mainVisual ul.mainvisualBox{overflow:visible;height:514px;}
.mainVisual ul li{display: block; width:100%; height:514px;}
.mainVisual ul li a{display: block; width:1100px; height: 100%; margin:0 auto;}
.mainVisual .m_visual_01{background: url(/images/m_visual_01.jpg) center center;}
.mainVisual .m_visual_02{background: url(/images/m_visual_02.jpg) center center;}

.mainVisual .bx-controls{margin:0 auto; width:300px;}

.mainVisual .bx-pager{}
.mainVisual .bx-pager div{float:left; background:#000;}
.mainVisual .bx-pager a{display:block;width:15px;height:15px;background:green;border-radius:8px;text-indent:-9999em}
.mainVisual .bx-pager a:hover,.mainVisual .bx-pager a.active{background:blue;}
.mainVisual .bx-controls-direction a{position:absolute;}
.mainVisual .bx-controls-direction a.bx-prev {width:60px; height:71px; background:url(../../images/btn_prev.png) 0 0 no-repeat; position:absolute; z-index:999; top:250px; left:30px; text-indent:-999em;}
.mainVisual .bx-controls-direction a.bx-next {width:60px; height:71px; background:url(../../images/btn_next.png) 0 0 no-repeat; z-index:999; top:250px; right:30px; text-indent:-999em;}


#m_contents{width:100%;background:#fafafa url(/images/m_bg.gif) top center no-repeat;padding:50px 0;}
/*메인 띠배너*/
.mddl_bnr{width:100%; height: 100px; background:url(/images/m_bnr_bg.gif); }
.mddl_bnr .m_inner{ height: 100px; background:url(/images/m_bnr_cont_bg.gif);}
.mddl_bnr .m_inner:after{display: block; clear:both; content: '';}
.mddl_bnr .m_inner a{float:left; width:275px; height:100px;display: block;}
.mddl_bnr p{margin-left: 100px;}
.mddl_bnr_tit{margin-top: 30px; font-weight: 600; color:#333; font-size: 14px;}
.mddl_bnr_txt{font-size: 12px; color:#666; margin-top: 5px;font-family: "Nanum Gothic"; }

/*메인컨텐츠*/
.m_cont{margin:0 auto; width:1100px;}
.m_cont_01 div{float:left;}
.m_cont_01:after{display: block; clear:both; content: '';}
.m_cont_02 div{float:left;}
.m_cont_02:after{display: block; clear:both; content: '';}

.card-01{width:266px;height:172px;padding:9px 9px 0 9px;}
.card-02{width:540px;height:172px;padding:9px 9px 0 9px;}

/*메인컨텐츠 공통 서식*/
.m_cont h2{font-size: 20px; font-weight: 400; height: 50px; position: relative; border-bottom: 2px solid #333;}
.m_cont h2 a{display: block; font-size:12px; color:#999; position: absolute; right:0; top:10px; }
.m_cont_box_txt{margin-left:10px;font-size: 12px; color:#666; margin-right: 20px; margin-top: 25px;font-family: "Nanum Gothic"; line-height: 1.8em;}
.m_cont_box{border-bottom: 1px solid #eee;}
.m_cont_box a{margin-left:10px;display: block; background: url(/images/circle_blt.gif) no-repeat; text-indent: 20px; font-size: 11px; color:#999; margin-top: 30px;font-family: "Nanum Gothic"; height: 14px;}
.m_cont_box a:hover{color:#666;}

/*메인컨텐츠 개별요소*/
.m_cont_011 h2{margin-bottom: 25px;}
.m_cont_012 .m_cont_box{height: 165px; border-bottom: 1px solid #eee;}
.m_cont_012 h2{margin-bottom: 25px;}
.m_cont_012{margin: 0 30px;}
.m_cont_012 .m_cont_box p{text-align: center; }
.m_cont_012_tel{color:#0d56a0;font-size: 30px; /*margin-top: 10px;*/}
.m_cont_012_txt{font-family: "Nanum Gothic"; font-size: 12px; color:#666; margin-top: 20px; line-height: 1.8em;}
.m_cont_013 .m_cont_box{height: 190px; background:url(/images/box013.jpg); }

.m_cont_02{margin-top: 40px;}
.m_cont_021{width:672px; margin-right:30px;}
.m_cont_021 h2{margin-bottom: 20px;}
.m_cont_022{width:321px;}
.m_cont_022 .m_cont_box{height: 190px; background:url(/images/box022.jpg); width:321px;}




.reverseWrap h3{text-align:center;font-size:25px;color:#455ea0;}
.reverseWrap h2{text-align:center;font-size:45px;line-height:55px;color:#373e45;padding-bottom:50px;}


/*게시판추출*/
.m_board_list{width:340px; margin-right: 20px; height: 165px; border-bottom: 1px solid #eee;}
.m_board_list ul li{display: block; line-height: 2.3em;}
.m_board_list ul li a{font-size:12px; color:#888; display: block; width:230px;overflow:hidden; white-space: nowrap; text-overflow:ellipsis; float:left;font-family: "Nanum Gothic";}
.m_board_list ul li span{float:right;font-size:10px; color:#999;}

/*서브페이지*/

.tb01{width:100%;font-size: 14px;}
.tb01 th{padding:10px 20px;background:#fafcff;color:#333;font-weight:bold; border:1px solid #eee;}
.tb01 td{padding:10px 20px;color:#666; line-height: 1.8em; border:1px solid #eee; text-align:center; }

.sub_ph{display:block;}

.h4_tit{background: url(/images/txt_blt.gif) no-repeat 1px 7px; text-indent: 20px; margin-bottom: 20px; font-size: 18px;}

.tabs {height:40px;width: 100%;font-size:12px;}
.tabs li {float: left;text-align:center;cursor: pointer;width:180px;height:40px;line-height:40px;margin:0 5px 5px 0;
          border: 1px solid #eee;font-weight:500;background: #fafafa;overflow: hidden;position: relative;}
.tabs li.active {background: #FFFFFF;border-bottom: 1px solid #eee; color:#003686;}
.tabs li.active01 {background: #FFFFFF;border-bottom: 1px solid #eee;}
.tab_container {border-top: none;clear: both;float: left;width:820px;}
.tab_content {padding-top:40px;font-size: 12px;display: none;}
.tab_content #rpaimg {width:750px;}

.company_box{width:778px; text-align: center; background: #fafafa; border:1px solid #ddd; padding:30px 20px;position:relative;}
.company_box p{font-size:14px; color:#666; line-height: 1.8em;}
.company_box p span{font-weight: bold; color:#333;}
.company_box h5{font-size:18px;color:#444;font-weight:bold;padding-bottom:15px;}
.company_box h5 span{color:#1b6cc7;}

.history_box{width:818px; border:1px solid #eee; border-width:1px 1px 0px 1px; margin-bottom: 20px;}
.history_box div{padding:20px 30px; border-bottom: 1px solid #eee;}
.history_box div:after{display: block; content: ''; clear: both;}
.history_box .history_bold{font-weight: bold; font-size: 18px; height: 50px; line-height: 50px;background: url(/images/tit_border.gif) no-repeat 0 5px; float:left; 
						   width:170px; color:#333;}
.history_box .history_txt{line-height: 1.8em; color:#666; font-size: 14px; margin-top: 10px; float:right;width:550px;}
.history_box .history_txt span{font-weight: 900; color:#333; }
.btn_top {float:right;}


