@charset "utf-8";

/* 서브 비쥬얼 */
.v_text {  font-family: Arita-buriSB;   font-size:52px;   line-height:60px;  margin-left:-223px; left:50%;  position: absolute;   text-align:center;   top:8px;    z-index: 10; color:#fff; letter-spacing:10px}
.v_text img { position:absolute; top:-74px; left:-85px;}
.v_text p { font-weight:normal; font-size:20px; font-family:NanumSR; border-top:1px solid #fff; margin-top:15px; letter-spacing:0}
.sub_visual1 .bg {  background-position: center center;    background-repeat: no-repeat;    background-size: cover;    height: 100%;    left: 0;    position: absolute;    top: 0;    transition: all 0.5s ease 0s;    width: 100%;    z-index: 0;}
.sub_visual {height: 275px;    margin: 0px auto 0;    max-width: 1920px;    overflow: hidden;    position: relative;}
.sub_visual.visual01 .bg {    background-image: url("/images/sub/s_visu5.jpg");}
.sub_visual.visual02 .bg {    background-image: url("/images/sub/s_visu3.jpg");}
.sub_visual.visual03 .bg {    background-image: url("/images/sub/s_visu2.jpg");}
.sub_visual.visual04 .bg {   background-image: url("/images/sub/s_visu4.jpg");}
.sub_visual.visual05 .bg {   background-image: url("/images/sub/s_visu1.jpg");}
.sub_visual.visual06 .bg {   background-image: url("/img/sub/s_visu1.jpg");}
.sub_visual.visual07 .bg {   background-image: url("/img/sub/s_visu1.jpg");}
.sub_visual:hover .bg {    transform: scale(1.1);}
.sub_visual .bg {    background-position: center center;    background-repeat: no-repeat;    background-size: cover;    height: 100%;    left: 0;    position: absolute;    top: 0;    transition: all 0.5s ease 0s;    width: 100%;    z-index: 0;}

/* 페이지 인식을 위한 부분 */
#page1 a.menu1,
#page2 a.menu2, 
#page3 a.menu3,
#page4 a.menu4,
#page5 a.menu5,
#page6 a.menu6,
#page7 a.menu7,
#page8 a.menu8,
#page9 a.menu9,
#page10 a.menu10,
#page11 a.menu11,
#page12 a.menu12,
#page13 a.menu13,
#page14 a.menu14,
#page15 a.menu15,

#page16 a.menu16


{ display:block; color:#fff; background:url(/images/sub/s_menu_on.png) no-repeat 0px center #d72708; }


#page1_t a.on1,
#page2_t a.on2, 
#page3_t a.on3,
#page4_t a.on4,
#page5_t a.on5,
#page6_t a.on6  {   display:block; color:#fff; background:#0092cb; }

#s_navi .s_gnb {position:relative;float:left;clear:both; width:230px  }
#s_navi .s_gnb ul li {display:block; clear:both; }
#s_navi .s_gnb ul li.end_list {border-bottom:0px;}
#s_navi .s_gnb ul li ul {overflow:hidden; padding:0px; width:230px }
#s_navi .s_gnb ul li ul li a {display:block;  line-height:25px; font-size:15px !important;   padding-left:20px;background:#fff !important; border-bottom:1px dotted #ddd; padding:5px 25px  }
#s_navi .s_gnb ul li ul li a:hover {color:#de5942 !important; border-bottom:1px dotted #de5942  }
#s_navi .s_gnb ul li ul li a.on {color:#de5942; border-bottom:1px dotted #de5942  }


/* 서브 내용 */
.depth { background:#292a2c; height:54px}
.depth ul { width:1200px; margin:0 auto;}
.depth ul li { float:left; padding:17px 30px; font-size:15px; color:#ababac; border-right:1px solid #18191a}
.depth ul li:first-child { background:#e98e30; padding:15px 22px}

.s_left { width:230px; float:left; margin-top:40px}
.s_menu h2 { background:url(/images/sub/s_tit_bg.gif) no-repeat; width:230px; text-align:center; color:#fff; font-size:30px; line-height:40px; padding:42px 0; margin-bottom:2px}
.s_menu h2 p { font-size:15px; line-height:20px; letter-spacing:5px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#666666;}
.s_menu ul li { font-size:16px; margin-bottom:2px}
.s_menu ul li a { padding:15px 20px; display:block; background:#e6e6e6; color:#575757}
.s_menu ul li a:hover {color:#fff; background:url(/images/sub/s_menu_on.png) no-repeat 0px center #d72708;}

.s_call { border:0px solid #ddd; margin-bottom:80px; clear:both}
.s_call h2 { font-size:18px; line-height:38px;}
.s_call p { font-size:28px; line-height:35px; color:#002f46; margin-top:5px}
.s_call li { padding:20px}
.s_call li:last-child { background:#f5f5f5; border-top:1px solid #ddd}

.s_right { float:right; width:900px; margin-top:40px}
.s_right .s_tit { font-size:40px; line-height:10px; padding:35px 0}
.s_right .s_tit1 { font-size:20px; line-height:20px; padding:5px 0}

.s_conts { padding-top:20px; font-size:15px; color:#575757; line-height:25px; margin-bottom:80px; position:relative;}

.s_tab { height:57px; margin-bottom:30px}
.s_tab li { float:left; margin-right:5px;}
.s_tab li a { border:1px solid #ddd; padding:15px 20px; display:block }


.f_left li { float:left}


.map{ width:100%;}
.info01{float:left; width:550px; position:relative;}
.info02{float:right; width:350px; background:#e98e30; position:relative; } 


.tit_h2 {font-family:Arita-buriSB; font-size:30px; line-height:40px; color:#3d6caa}

.s_table1 { border-top:2px solid #ea5a43; border-left:1px solid #ddd}
.s_table1 th, .s_table1 td { padding:15px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd}

.s_table2 { border-top:2px solid #ea5a43; }
.s_table2 th, .s_table2 td { padding:15px;  border-bottom:1px solid #ddd; text-align:left; position:relative }

.s_table3 { border-top:2px solid #06C; border-left:1px solid #ddd }
.s_table3 th { padding:15px;  border-bottom:1px solid #ddd;  position:relative; border-right:1px solid #ddd; }
.s_table3 td { padding:15px;  border-bottom:1px solid #ddd;  position:relative; border-right:1px solid #ddd }


.s_map { border-top:2px solid #ea5a43}
.s_map th { padding:15px 0; border-bottom:1px solid #ddd;  border-right:1px solid #ddd; background:#e8e8e8}
.s_map td { padding:15px; border-bottom:1px solid #ddd}

.history { margin-top:30px}
.history h2 { font-size:30px; line-height:40px; margin-bottom:20px}
.history img { float:left}
.history > div { float:left; margin-left:30px; margin-top:10px}
.history > div dl { clear:both; padding-top:25px; }
.history > div dt { font-size:20px; line-height:30px; }
.history > div dd { float:left; margin-left:20px; line-height:29px; color:#acacac}
.history > div dd span { display:inline-block; margin-left:20px; color:#333}

.history1 dt { background:url(/img/sub/history_icon1.png) no-repeat left center;text-indent:30px;  float:left; color:#de5942;}
.history1 h2 { margin-left:201px}
.history1 dd {  margin-left:20px; }
.history1 dd span { margin-left:20px;}
.history1 dd b { float:left; font-weight:normal}

.history2 > div {margin-right:30px; }
.history2 dt { background:url(/img/sub/history_icon2.png) no-repeat right center;padding-right:30px; float:right; color:#4286de}
.history2 h2 { margin-left:424px}
.history2 dd { margin-right:20px; float:right !important; text-align:right}
.history2 dd span { margin-right:20px; text-align:right}
.history2 .history_line { left:527px; height:385px}
.history2 b { float:right; font-weight:normal}


.business h3 { background:url(/img/sub/mark.png) no-repeat left center; text-indent:28px; font-size:18px; line-height:22px; margin-bottom:15px}
.business h4 { background:url(/img/sub/mark2.gif) no-repeat left center; text-indent:20px; font-size:18px; line-height:22px; margin-bottom:15px; color:#333; margin-top:25px}
.history_line {  background-color: #ddd;   display: block;   float: left;   height:240px;   left:303px;    position: absolute;    width:4px; z-index:-1; margin-top:10px}

.business h2 { font-family:Arita-buriSB; font-size:24px; line-height:35px; color:#525252}
.business .process { background:url(/img/sub/process.gif) no-repeat left bottom; position:relative; height:255px;}
.business .process li { float:left; margin-right:5px;}
.business .process li p { color:#fff; text-align:center; margin-top:10px}

.business .process_2 { }
.business .process_2 li { float:left; margin-right:5px; margin-bottom:5px}

.business .process_3 { }
.business .process_3 li { float:left; margin-right:47px; margin-bottom:30px}

.business .process2 { background:url(/img/sub/process2.gif) no-repeat left bottom; position:relative; height:606px;}
.business .process2 li { float:left; margin-right:44px;}
.business .process2 li:last-child { margin-right:0}
.business .process2 li p { color:#fff; text-align:center; margin-top:10px}

.business .process3 { background:url(/img/sub/buss06_pro_bg.gif) no-repeat; height:83px; margin-bottom:10px}
.business .process3 li { float:left; color:#fff; padding:29px 0 0; width:146px; text-indent:22px; text-align:center}

.business .process4 { background:url(/img/sub/buss_pro_bg2.gif) no-repeat; height:83px; margin-bottom:10px}
.business .process4 li { float:left; color:#fff; padding:29px 0 0; width:109px; text-indent:22px; text-align:center}
.business .process4 li:first-child { text-indent:10px}


.business .process5 { background:url(/img/sub/process3.gif) no-repeat left bottom; height:291px; margin-bottom:10px}
.business .process5 li  { float:left; margin-right:44px;}
.business .process5 li:last-child { margin-right:0}
.business .process5 li p { color:#fff; text-align:center; margin-top:10px}

.mark li::before { content:"- "}

.buss08 .add { font-size:24px; line-height:30px; color:#704627}

.buss09 p { background:#41454e; text-align:center; padding:5px 0; color:#fff;}
.buss09 li { float:left; margin:0 11px 15px 0}
.buss09 li:nth-child(3n+3) {margin-right: 0}

.car_num { background:url(/img/sub/car_call_bg.gif) no-repeat; width:328px; height:63px; margin:20px 0 0 57px ; color:#fff; font-size:16px; padding:16px 0 0 112px;  float:left}
.car_num dt { float:left}
.car_num dd { font-size:32px; line-height:40px; float:left; margin:4px 0 0 14px}

.s_bt { float:left; text-align:center; margin-left:10px}
.s_bt a { display:block; background:#3d6cbb; color:#fff; font-size:18px; line-height:30px; padding:24px 0; width:300px; margin:20px auto 0; border-radius:18px}
.s_bt img { vertical-align:middle}
.s_bt a:hover { background:#214f9b; color:#fff}


.table_s{border-top:2px solid #370201; border-bottom:1px solid #370201; width:99.5%; margin-bottom:25px; }
.table_s td.title04{ background-color:#fdf1f1; height:40px; padding:7px; text-align:center;  font-size:17px; color:#370201; border-bottom:1px solid #fccdcd;}
.table_s td.title05{  padding:7px; text-align:center;  font-size:17px;  text-align:left; border-bottom:1px solid #fccdcd;}



.submenu{ width:100%;padding: 10px 0 0 0; }
.submenu ul { width:100%; *zoom:1; display:inline-block; *display:inline; text-align:center;}
.submenu ul:after {content:""; display:block; clear:both;} 
.submenu ul li {display:inline-block; #float:left; border:1px solid #999; width:16.6%; max-width:150px;  background-color:#fdf1f1;  }
.submenu ul li a {width:100%; mtext-align:center; line-height:40px; color:#000; }
.submenu ul li:hover {border:1px solid #000;  background-color:#660200;}  
.submenu ul li:hover a {color:#fff;}  
.submenu ul li.on {border:1px solid #000; background:#000;}
.submenu ul li.on a{color:#fff;}