@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);

#m_visual{width:100%;min-width:1100px;height:478px;clear:left;}
#m_visual #visual_slider li a{display:block;width:240px;height:46px;margin:265px auto 0;}
#m_visual .visual01{background:url(/images/img_mvisual_01.jpg) center;height:478px;}
#m_visual .visual02{background:url(/images/img_mvisual_02.jpg) center;height:478px;}
#m_visual .visual03{background:url(/images/img_mvisual_03.jpg) center;height:478px;}

#s_visual{width:100%;min-width:1100px;height:148px;clear:left;background:url(/images/img_svisual.jpg) center;}

#container{width:100%;min-width:1100px;}
#container #group_01{width:1100px;margin:0 auto;padding:50px 0;}
#container #group_01 h3{text-align:center;padding-bottom:30px;font-size:24px;letter-spacing:-1px;font-weight:300;}
#container #group_01 h3 span{font-weight:40;}
#container #group_01 .contents_slider{overflow:hidden;width:936px;margin:0 auto;}
#container #group_01 .contents_slider li{float:left;width:160px;height:160px;border-radius:80px;;overflow:hidden;}
#container #group_01 .contents_slider li a{display:block;width:160px;height:160px;}
#container #group_01 .contents_slider li a img{width:160px;height:160px;}
#container #group_01 .bx-wrapper{margin:0 auto;}
#container #group_01 .bx-wrapper .bx-pager{min-width:936px;}

#container #group_02{width:100%;min-width:1100px;margin:0 auto;padding:30px 0;background:#f5f7f9}
#container #group_02 .main_board{width:1100px;margin:0 auto;overflow:hidden;}
#container #group_02 .main_board li{width:254px;float:left;margin-right:28px;;}
#container #group_02 .main_board li.last{margin:0;}
#container #group_02 .main_board li p{position:relative;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:20px;font-weight:300;}
#container #group_02 .main_board li p img{vertical-align:middle;}
#container #group_02 .main_board li p .more{position:absolute;top:0;right:0;}
#container #group_02 .main_board li .not_board{height:130px;border-bottom:1px solid #ddd;overflow:hidden;}
#container #group_02 .latest_board{padding:5px 0;border-bottom:1px solid #ddd;min-height:120px;}
#container #group_02 .latest_board li{float:none;position: relative;overflow:hidden;height:24px;line-height:24px;}
#container #group_02 .latest_board li a{font-size:12px;display:block;float:left;max-width:184px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
#container #group_02 .latest_board li span{font-size:12px;float:right;}


#container #s_container{width:1100px;margin:0 auto;overflow:hidden;}

#container #s_container aside{float:left;width:220px;}
#container #s_container aside h2{text-align:center;height:140px;line-height:140px;background:#004688;color:#fff;}
#container #s_container aside ul{background:#fff;}
#container #s_container aside ul li{border-bottom:1px solid #ddd;text-indent:10px;background:url(/images/bg_aside.gif) no-repeat 95% center;}
#container #s_container aside ul li.active{background:url(/images/bg_active.gif) no-repeat 95% center  #f5f7f9;}
#container #s_container aside ul li.active a{font-weight:bold;}
#container #s_container aside ul li a{font-size:14px;display:block;height:46px;line-height:46px;}
#container #s_container aside ul li a .small_font{font-size:12px;vertical-align:baseline;margin-left:6px;text-transform:uppercase;}
#container #s_container aside ul li a .small_font{font-size:12px;vertical-align:baseline;margin-left:6px;text-transform:uppercase;}
#container #s_container aside .banner{border-bottom:1px solid #ddd;margin-top:25px;font-size:14px;padding-bottom:10px;}
#container #s_container aside .banner table{margin-top:10px;}
#container #s_container aside .banner td img{width:60px;height:60px;border-radius:30px;vertical-align:top}
#container #s_container aside .banner td .number{font-size:18px;font-weight:bold;}
#container #s_container aside .banner td .mobile_number{font-size:12px;}

#container #s_container article{float:right;width:840px;background:;min-height:700px;}
#container #s_container article h2{border-bottom:1px solid #ddd;height:140px;}
#container #s_container article h2 .title{font-size:42px;height:60px;line-height:60px;padding-top:20px;}


#container #s_container article h2 .path {line-height:20px;}
#container #s_container article h2 .path img{vertical-align:bottom;}
#container #s_container article h2 .path span,
#container #s_container article h2 .path strong {padding-left:18px; font-size:12px; background:url(/images/path_arr.gif) no-repeat 6px center;text-transform:uppercase;}
#container #s_container article h2 .path span {color:#888;font-weight:normal;}
#container #s_container article h2 .path strong {color:#666;}

#container #s_container article .contents{padding:30px 0;font-weight:300;overflow:hidden;}
#container #s_container article .contents .small_font{font-size:15px;font-weight:300;color:#666;}
#container #s_container article .contents h3{font-size:24px;color:#666;font-weight:300;}
#container #s_container article .contents h3 strong{color:#8dc93f;}

#container #s_container article .contents .con_box{padding:15px;border:1px solid #eee;margin-top:10px;border-radius:3px}
#container #s_container article .contents .con_box .promise{font-size:18px;display:block;color:#666;font-weight:300;}
#container #s_container article .contents .con_box .promise strong{color:#f57e0f;}
#container #s_container article .contents .con_box .con_pro{font-size:15px;display:block;margin-top:5px;}
#container #s_container article .contents .point{font-size:36px;display:block;width:54px;height:54px;text-align:center;background:#cccccc;border-radius:27px;color:#fff;font-weight:300;line-height:54px;font-family: 'Roboto', sans-serif;}
#container #s_container article .contents .con_box .t_title{line-height:1em;vertical-align:top;padding-bottom:10px;border-bottom:1px solid #eee;font-size:18px;}
#container #s_container article .contents .con_box .t_con{font-size:15px;padding-top:8px;}
#container #s_container article .contents .lobster{font-family: 'Lobster', cursive;font-weight:normal;}
#container #s_container article .contents .table1{border-collapse:collapse;margin-top:20px;}
#container #s_container article .contents .table1 .title{background:#428a96;font-weight:100;color:#fff;font-size:20px;padding:25px 0;text-align:left;text-indent:20px}
#container #s_container article .contents .table1 .sub_title{background:#64acb8;font-weight:300;color:#fff;padding:10px 0;font-size:14px;text-align:left;text-indent:20px}
#container #s_container article .contents .table1 tr td{border-bottom:1px solid #eee;background:#f5f7f9;padding:10px 0;font-size:14px;}
#container #s_container article .contents .table1 tr td:first-child{text-align:center;}

/*회사연혁*/
.history_img{float:left; width:230px; height: 400px;}
.history_wrap{position: relative;float:left;width:610px;}
.history_box{}
.history_box div{padding-bottom: 30px;}
.history_box:after{display: block; clear:both; content: '';}
.history_right, .history_left{/*float:right;*/ text-align: left; padding-left:25px; background:url(/images/history_blt.gif) no-repeat 10px 15px;}
/*.history_left{float:left; text-align: right; padding-right:25px; background:url(/images/history_blt.gif) no-repeat 411px 10px;}*/
.history_year{font-weight: bold; font-size: 24px;}
.history_txt{color:#777; border:1px solid #e5e5e5;  padding:10px 15px; margin-top: 10px; background:#fafafa;}

.history_line{width:1px; background: #D5D7DA; position: absolute; left: 14px; top:0px; z-index: -1;}

.history_line_01{height: 1200px;margin-top:15px;}
.history_line_02{height: 1900px;}
.history_line_03{height: 320px;}

.map{border-collapse:collapse;border-top: 3px solid #004688;border-bottom: 3px solid #004688;margin-top:20px;}
.map td, .map th{padding: 10px 0;font-weight: 400;color: #888;}
.map tr:nth-child(2n+1) td,.map tr:nth-child(2n+1) th{background:#f5f7f9;}
.map .table_head{padding:25px 0;background:#fff!important;text-align:center;font-size: 28px;font-weight: bold;color:#004688;}
.map .table_shead{padding: 20px 0;font-size: 16px;font-weight: bold;color: #ffffff;background:#004688;text-align:center;}

/*탭메뉴*/
.tab_list{overflow:hidden;}
.tab_list li{float:left;margin-right:5px;}
.tab_list li a{display:block;padding:5px 10px;background:#f5f7f9;border:1px solid #ddd;border-bottom:0;}
.tab_list .active a{border:1px solid #004688;background:#004688;color:#fff;border-bottom:0;}
.tab_list .active{}

.table2{border-collapse:collapse;border-top: 3px solid #004688;border-bottom: 3px solid #004688;margin-top:20px;text-align:center;table-layout:fixed;}
.table2 td, .table2 th{padding: 10px 0;font-weight: 400;color: #888;}
.table2 tr:nth-child(2n+1) td,.table2 tr:nth-child(2n+1) th{background:#f5f7f9;}
.table2 .table_head{padding:25px 0;background:#fff!important;text-align:center;font-size: 28px;font-weight: bold;color:#004688;}
.table2 .table_shead{padding: 20px 0;font-size: 16px;font-weight: bold;color: #ffffff;background:#004688;text-align:center;}

.table3{border-collapse:collapse;border-top: 3px solid #004688;border-bottom: 3px solid #004688;margin-top:20px;text-align:center;}
.table3 td, .table3 th{padding: 10px 0;font-weight: 400;color: #888;border:1px solid #ddd;}
.table3 tr td:first-child, .table3 tr th:first-child{border-left:0;}
.table3 tr td:last-child, .table3 tr th:last-child{border-right:0;}
.table3 .table_head{padding:25px 0;background:#fff!important;text-align:center;font-size: 28px;font-weight: bold;color:#004688;}
.table3 .table_shead{padding: 20px 0;font-size: 16px;font-weight: bold;color: #ffffff;background:#004688!important;text-align:center;}

.tab{display:none;}
#tab1{display:block;}