@charset "utf-8";

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('x-woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('x-woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}

* {font-family:'Nanum Gothic'; margin: 0; padding: 0; outline: 0; }

html {overflow-y:scroll}
/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-family:'Nanum Gothic'; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
body { color: #333333; font-size: 12px; background:#fff;}
h1, h2 { font-weight: 300; margin:0 0 15px 0;}
h1 {font-size: 36px; letter-spacing: -1px; line-height: 100%; }

h2 {font-size: 24px;}
p {margin: 0 0 15px 0;}
a {color: #3e3e3e; text-decoration:none;}
label { vertical-align:middle;}
.clear { clear: both; }

html { -webkit-text-size-adjust: none; -webkit-font-smoothing: aliased;}

.fclear:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .fclear { height:1%; }
.fclear { display:block; min-height:1%;}
#wrap {}
#header { width:100%; height:80px; background: url(../images/header_bg.gif) repeat-x top #fff; position:relative; overflow:hidden; border-bottom:1px solid #fff;}

#header.bd { border-bottom:3px solid #e43034;}
#header .toplinkWrap { width:100%; background:#000000; border-bottom:0; height:22px;} /*1px solid #ffffff*/
#header nav { width:980px; margin:0 auto;}
#header nav h1 { float:left; margin:5px 0 0 0;}
#header nav h1 img { width:auto; height:48px;}
#header nav ul#topmenu { float:right; margin:9px 0 0 0;}
#header nav ul#topmenu > li { display:inline-block; zoom:1; *display:inline; width:145px; vertical-align:top; text-align:center;}
#header nav ul#topmenu > li a { display:inline-block; zoom:1; *display:inline; color:#fff; padding:17px 0; font-size:17px; font-weight:700; text-decoration:none; text-align:center; }
#header nav ul#topmenu > li.on > a { color:#ffff00;}
#header nav ul#topmenu > li > ul { width:128px; display:inline-block; vertical-align:top; margin:9px 0; height:500px; padding-top:16px; padding-left:20px; border-right:1px solid #eee;}
#header nav ul#topmenu > li > ul.first { border-left:1px solid #eee;}
#header nav ul#topmenu > li.on > ul { background:url(../images/common/topNav_arrow.gif) no-repeat center top #f2f2f2;}
#header nav ul#topmenu > li > ul li { display:block; color:#252525; text-align:left;}
#header nav ul#topmenu > li > ul li a { display:inline-block; zoom:1; *display:inline; color:#252525; font-size:14px; font-weight:normal; text-decoration:none; padding:5px 0;}
#header nav ul#topmenu > li > ul > li > a.on { color:#000000; font-weight:bold;}

.mainvisual { clear:both; background:#000; text-align:center;}
.mainvisual ul { margin:0 auto;} /*max-width:1600px;*/

.pattern {background:url(../images/main_pattern.gif); background-size:auto 100%; height:54px;}

.maincard { background:#f0f0f0; padding:33px 0;}
.maincard .bx-wrapper { width:992px; !important;}
.maincard ul { margin:0 auto 0;}
.maincard .bx-viewport { padding:3px 4px 4px 3px;}
.maincard .bx-prev { position:absolute; top:105px !important; left:-50px !important;}
.maincard .bx-next { position:absolute; top:105px !important; right:-50px !important;}
.maincard ul li { display:inline-block; zoom:1; *display:inline; background:#fff; width:220px; height:245px; padding:17px 0; margin:0 0 30px; border-radius:10px; box-shadow:2px 2px 2px #c0c0c0; text-align:center; behavior:url(PIE.htc);}
.maincard ul li + li +li + li { margin:0 0 30px ;}
.maincard ul li:hover { border:3px solid red; margin:-3px 32px 0 -3px !important;}
.maincard ul li a { text-decoration:none; text-align:left;}
.maincard ul li span { display:block; text-align:left; margin-left:16px;}
.maincard ul li img.label { margin:25px 0 10px 10px;}
.maincard ul li h3 { color:#252525; font-weight:bold; padding:0 15px 10px 25px; font-size:13px;}
.maincard ul li p { color:#898989; line-height:16px; font-size:11px; padding:0 15px 0 25px;}
.maincard ul li a:hover h3 { color:#e43034;}
.maincard ul li a:hover p { color:#997070;}
.mainbbsWrap { background:#fff; padding:55px 0 0 0;}
.mainbbsWrap .mainbbs { width:1000px; margin:0 auto; padding-bottom:50px;}
.mainbbs > div { width:300px; height:240px; display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 19px 0 0;}
.mainbbs > div + div { margin:0 19px;}
.mainbbs > div + div + div { margin:0 0 0 19px;}
.mainbbs > div h2 { position:relative; color:#fff; font-weight:400; font-size:18px; height:40px; line-height:40px; padding-left:14px;}
.mainbbs > div h2 span { font-weight:800;}
.mainbbs > div h2 img { position:absolute; right:14px; top:13px;}
.mainbbs .news h2 { background:#00bff3;}
.mainbbs .video h2 { background:#e43034; margin-bottom:17px;}
.mainbbs > div ul li { padding:9px 0 9px 18px; border-bottom:1px solid #d8d8d8; line-height:15px; background:url(../images/bl_news.gif) no-repeat 10px 16px;}
.mainbbs > div ul li.first { padding:10px 0 12px 14px; background:none; }
.mainbbs > div ul li.first a { font-size:15px; font-weight:bold;}
.mainbbs > div ul li p { color:#898989; font-size:11px; font-weight:normal; margin:8px 0 0 0; line-height:16px;}
.mainbbs > div ul li a { font-size:13px; font-weight:normal; letter-spacing:-1px; color:#252525;}
.mainbbs > div ul li img { vertical-align:middle;}
.mainbbs .video ul li { padding:10px 0 10px 32px; border-bottom:1px solid #d8d8d8; line-height:15px; background:url(../images/bl_video.gif) no-repeat 10px 10px;}
.mainbbs .facebook {border:1px solid #eaeaea; overflow:hidden; background:#f6f7f8; *background:url(../images/notice_fb.gif) no-repeat center 110px #f6f7f8;}
.mainbbs .facebook h2 { background:#3b5998; margin:0;}
.mainbbs .facebook .fbWrap { overflow:hidden; height:300px; width:100%; text-align:center;}
.mainbbs .facebook .fbWrap .fb-page { margin:-89px 0 0 -1px; border:none;}
.mainbbs a:hover { color:#e43034; font-weight:bold;}
.mainbbs a:hover p { color:#997070;}

#footerWrap { background:#000000; height:450px;}
#footer { width:980px; margin:0 auto; position:relative;}
#footer h1 { margin:25px 0 0 0; width:150px; float:left;}
#footer > p { float:left; margin:40px 0 0 0; font-size:14px; color:#cecece; line-height:30px; width:650px;}
#footer p b { font-size:15px; font-weight:bold;}
#footer div { float:left; margin:31px 0 0 28px; width:254px; position:relative; height:80px;}
#footer div img { position:absolute; left:0; top:0; margin-left:1px;}
#footer div p { position:absolute; left:63px; top:0; font-size:15px; color:#c2c2c2; line-height:25px; font-weight:bold;}
#footer div p b { display:block; font-size:29px; font-weight:bold; color:#fff; letter-spacing:-1px;}


#quickmenu { position:fixed; top:150px; right:30px; z-index:1000; width:50px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px; border:5px solid #fff; overflow:hidden; -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.2); -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.2); box-shadow:3px 3px 5px rgba(0,0,0,0.2); behavior:url(PIE.htc);}
#quickmenu ul {background:#e43034; }
#quickmenu ul li { text-align:center; padding:15px 0 0; box-shadow:0 5px 10px #ce2b2f;}
#quickmenu ul li a { display:inline-block; zoom:1; *display:inline;}
#quickmenu ul li p { color:#fff; font-weight:bold; margin-top:4px;}
#quickmenu ul li + li + li + li { background:#464646; padding:8px 0;}
#quickmenu img { width:60%;}
#quickmenu .topBtn { cursor:pointer;}
#topBtn { cursor:pointer; text-align:center;}
#topBtn span { display:inline-block; zoom:1; *display:inline; cursor:pointer; padding:6px 15px; background:#efefef; font-weight:bold; margin:10px auto; border:1px solid #ddd;}
.subvisual { text-align:center; background:#000;}
.subvisual img { width:1000px; height:auto; max-height:280px;}


#subContent:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html #subContent { height:1%; }
#subContent { display:block; min-height:1%; width:980px; margin:50px auto 0; }

#subContent #subNavWrap { width:200px; float:left; padding-bottom:80px;}
#subContent #subNavWrap h2 { height:55px; line-height:55px; text-align:left; color:#e43034; font-weight:bold; font-size:26px; margin:0; border-bottom:3px solid #464646; padding-left:15px;}
#subContent #subNavWrap ul { margin:1px 0 0 0; padding:0; width:100%;}
#subContent #subNavWrap ul li { width:100%; border-bottom:1px solid #d9d9d9;}
#subContent #subNavWrap ul li:last-child {border-bottom:2px solid #9e9e9e;}
#subContent #subNavWrap ul li a:link, #subContent #subNavWrap ul li a:visited { display:inline-block; zoom:1; *dispaly:inline; padding:13px 12% 13px 8%; font-size:15px; color:#333333; text-decoration:none; width:80%; font-weight:bold; line-height:18px;}
#subContent #subNavWrap ul li a:hover, #subContent #subNavWrap ul li a:active { color:#e43034; font-weight:bold;}
#subContent #subNavWrap ul li.on a { background:url(../images/common/subNav_arrow.gif) 94% 55% #e43034 no-repeat; color:#fff; font-weight:bold;}

#subContent #contentWrap { float:left; width:720px; margin-left:25px; padding-left:30px; background:url(../images/common/left_shadow.gif) no-repeat left top; background-size:auto 100%; position:relative; }
#subContent #contentWrap.branch { float:none; width:920px; margin:0 auto; padding:0; background:url();}
#subContent #contentWrap #subhead { height:55px; border-bottom:3px solid #e43034; position:relative; }
#subContent #contentWrap #subhead h3 { position:absolute; top:14px; left:0; font-size:26px; color:#252525; font-weight:bold; letter-spacing:-1px;}
#subContent #contentWrap #subhead h3 > span { font-size:20px; margin-left:3px;}
#subContent #contentWrap #subhead ul { position:absolute; top:32px; right:0; }
#subContent #contentWrap #subhead ul li { display:inline-block; zoom:1; *display:inline; background:url(../images/common/linemap_arrow.gif) right 2px  no-repeat; padding:0 14px 0 5px; color:#666666;}
#subContent #contentWrap #subhead ul li img { vertical-align:middle; margin-top:-3px;}
#subContent #contentWrap #subhead ul li:last-child { background:none; font-weight:900; padding:0 5px 0 5px; }
#subContent #contentWrap #content { padding:50px 20px 80px;}
#subContent #contentWrap #content p { font-size:13px; color:#3e3e3e; line-height:20px;  }

/*branch*/
#content .branchcont:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html #content .branchcont { height:1%; }
#content .branchcont { display:block; min-height:1%; width:90%; margin:0 auto; padding:0;}
#content .branchcont .branchtab { margin:0; padding:0;}
#content .branchcont .branchtab li { float:left; font-size:14px; line-height:40px; text-align:center; font-weight:bold; padding:0; width:8.9%; *width:9.5%; height:40px; background-color:#464646; color:#fff !important; margin:0 0.15% 2px 0; }
#content .branchcont .branchtab li a { color:#fff;}
#content .branchcont .branchtab li.on { background-color:#e43135;}
#content .branchcont .branchname { color:#e43135 !important; text-align:center; padding-top:120px; font-size:45px !important; font-weight:bold;}
#content .branchcont .explain { color:#6e6e6e !important; text-align:center !important; padding:30px 65px 0; font-size:20px !important; line-height:30px !important; font-weight:bold; background:url(../images/dqm_left.gif) no-repeat, url(../images/dqm_right.gif) no-repeat 100% 100%; margin-bottom:40px; word-break: keep-all; }
#content .branchcont .explain .black { color:#000;}
#content .branchcont .info { margin:0 auto;}
#content .branchcont .info td { font-size:16px !important; line-height:24px; height:35px;}
#content .branchcont .info .infoname { background:url(../images/branch_bg_icon.gif) no-repeat; width:90px; height:24px; font-weight:bold; color:#fff; text-align:center; padding-right:15px;}

#content .branchcont .bxslider:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html #content .branchcont .bxslider { height:1%; }
#content .branchcont .bxslider { display:block; min-height:1%; margin:30px 0 0 0;}
#content .branchcont .bxslider img { width:100%;}
#content .branchcont #bx-pager { margin:20px 0 0 0; padding:8px 17px 10px 14px; background:#eaeaea; border-top:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center;}
#content .branchcont #bx-pager a { width:19%; display:inline-block; zoom:1; *display:inline; text-align:center; vertical-align:top;}
#content .branchcont #bx-pager a img { width:96%; height:auto;}
#content .branchcont #bx-pager a img {display: block; opacity: .9; cursor: pointer; margin:3px 0 0 3px;}
#content .branchcont #bx-pager a img:hover {opacity: 1; border:1px solid #e43034; margin:2px 0 0 2px; }
#content .branchcont #bx-pager a.active img {opacity: 1; cursor: default; border:3px solid #e43034; margin:0;}
#content .branchcont .bx-prev { position:absolute; top:50% !important; left:-50px !important; margin-top:-20px;}
#content .branchcont .bx-next { position:absolute; top:50% !important; right:-50px !important; margin-top:-20px;}

#content .branchcont h3 { color:#e43135; font-size:24px; font-weight:bold; text-align:left; margin:40px 0 0 25px; padding:0; display:inline-block;}
#content .branchcont h4 { color:#333; font-size:20px; font-weight:bold; text-align:left; margin:20px 0 0 25px; padding:0; display:block;}
#content .branchcont p.al { margin:10px 0 10px 25px;}
#content .branchcont .timetbl { width:94%; margin:15px auto 0; border:1px solid #464646;}
#content .branchcont .timetbl th { background-color:#464646; color:#fff; font-weight:bold; font-size:15px; height:30px; line-height:30px; text-align:center;border-right:1px solid #888; }
#content .branchcont .timetbl th:last-child { border-right:none;}
#content .branchcont .timetbl td { text-align:center; height:40px; text-align:center; font-size:13px; line-height:18px; vertical-align:middle; color:#464646;}
#content .branchcont .timetbl .rb { border-right:1px solid #464646;}
#content .branchcont .timetbl .rb2 { border-right:1px solid #d1d1d1;}
#content .branchcont .timetbl .bg { background:url(../images/tblbg.gif) no-repeat #e5e5e5; border-right:1px solid #464646; border-bottom:1px solid #d1d1d1; font-weight:bold;}
#content .branchcont .timetbl .bgcolor { background-color:#e5e5e5; border-bottom:1px solid #d1d1d1; font-weight:bold;}
#content .branchcont .timetbl .bgcolor2 {background:url(../images/tblbg2.gif) right no-repeat #e5e5e5; border-bottom:1px solid #d1d1d1; font-weight:bold;}
#content .branch_all { width:100%;}
#content .tbl_list { width:100%; margin:30px auto 0; border:1px solid #464646;}
#content .tbl_list th { background-color:#464646; color:#fff; font-weight:bold; font-size:15px; text-align:center; border-right:1px solid #888; line-height:15px; padding:8px 0;}
#content .tbl_list th:last-child { border:none;}
#content .tbl_list td { text-align:center; text-align:center; font-size:13px; line-height:16px; vertical-align:middle; color:#464646; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
#content .tbl_list td:first-child { font-weight:bold; border-bottom:1px solid #ccc; background-color:#f2f2f2; font-size:14px;}
#content .tbl_list td:last-child { border-right:none;}
#content .tbl_list tr:last-child td { border-bottom:none;}
#content .tbl_list td.left { text-align:left; padding:8px 10px;}

#content .tbl_list2 { width:94%; margin:10px auto 0; border:1px solid #464646;}
#content .tbl_list2 th { background-color:#464646; color:#fff; font-weight:bold; font-size:15px; text-align:center; border-right:1px solid #888; line-height:15px; padding:8px 0;}
#content .tbl_list2 th:last-child { border:none;}
#content .tbl_list2 td { text-align:center; text-align:center; font-size:13px; line-height:16px; vertical-align:middle; color:#464646; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; padding:7px 0;}
#content .tbl_list2 td:first-child { font-weight:bold; border-bottom:1px solid #ccc; background-color:#f2f2f2; font-size:14px; border-left:1px solid #464646;}
#content .tbl_list2 td:last-child { border-right:none;}
#content .tbl_list2 tr:last-child td { border-bottom:none;}
#content .tbl_list2 td.left { text-align:left; padding:8px 10px;}



#content .branchcont .panel .trWrap { background:#e8e8e8; padding:30px; position:relative; min-height:280px; width:89%; margin:0 auto;}
#content .branchcont .panel .trWrap h4 { position:absolute; background:url(../images/tr_name_bg_left.png) no-repeat; height:39px; padding:0 0 0 55px; left:148px; top:0; display:inline-block; zoom:1; *display:inline; z-index:100;}
#content .branchcont .panel .trWrap h4 span { display:inline-block; zoom:1; *display:inline; background:url(../images/tr_name_bg_right.png) no-repeat right; padding:0 55px 0 0; color:#fff; font-weight:900; height:39px; font-size:28px; line-height:36px; }
#content .branchcont .panel .trWrap .job {position:absolute; left:220px; top:32px; background:url(../images/tr_job_bg.png) no-repeat right; height:39px; display:inline-block; zoom:1; *display:inline; color:#fff !important; font-weight:600; font-size:17px !important; padding:30px 25px 0 15px; z-index:99px;}
#content .branchcont .panel .trWrap .time {position:absolute; border-bottom:2px solid #464646; text-align:right; right:30px; font-size:14px !important; color:#464646 !important; top:61px; width:65%; font-weight:bold; padding:0 10px 3px 0;}
#content .branchcont .panel .trWrap img { position:absolute; left:30px; top:30px; z-index:98; }
#content .branchcont .panel > li .trWrap ul { margin:80px 0 0 210px;}
#content .branchcont .panel > li .trWrap ul li { font-size:14px !important; padding-bottom:4px; line-height:16px; }
#content .branchcont .panel > li .trWrap ul li strong { font-weight:700; font-size:15px; color:#000;}
#content .branchcont ul.tab {padding:0; width:94%; margin:20px auto; background:url(../images/trtab_bgline.gif) bottom;}
#content .branchcont ul.tab li { list-style-type:none; display:inline-block; zoom:1; *display:inline; font-size:16px; border-collapse:collapse; margin:5px 0 0 0; padding:0; line-height:0; }
#content .branchcont ul.tab li a { outline:none; color:#777; font-weight:bold; text-decoration:none;  border-collapse:collapse; display:inline-block; zoom:1; *display:inline; line-height:18px; text-align:center; vertical-align:top; padding:5px 10px; border-left:2px solid #e5e5e5; border-top:2px solid #e5e5e5; border-right:2px solid #e5e5e5; margin:0 0 2px; background:#fff;}
#content .branchcont ul.tab li a.selected { font-weight:bold; color:#e43135; border-left:2px solid #e43135; border-top:2px solid #e43135; border-right:2px solid #e43135; margin:0 !important; padding-bottom:7px; }
#content .branchcont ul.panel {clear:both; border-top:none; padding:0;}
#content .branchcont ul.panel li {list-style-type:none; padding:10px; color:#333;}
#branchMap {border:1px solid #000; height:400px; margin:20px; display:block; overflow:hidden;}
#content ul.branchInfo { margin:15px 25px;}
#content ul.branchInfo li { font-size:14px; padding:0 0 7px; line-height:15px;}
#content ul.branchInfo li b { color:#e43034; font-weight:bold; display:inline-block; zoom:1; *display:inline; width:80px;}






/*본사?�치 지?�아???�이�?/
.tbl_location {width:100%; display:table; max-width:640px; margin:0 auto;  font-size:0.65em; text-align:center; border-collapse:collapse; margin-top:50px; border-top:2px solid #5e5e5e}
.tbl_location td {padding:8px 18px;  background:#fff;border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left; line-height:1.5em; font-weight:bold; vertical-align:middle}
.tbl_location td:last-child {border-right:none}
.tbl_location .title { background:#fffbe8; font-weight:bold; color:#444; font-size:14px; text-align:center}
.tbl_location .contents { background:#fff; color:#777; font-size:14px; font-weight:normal}

.tbl_location2 {width:100%; display:none; max-width:640px; margin:0 auto;  font-size:0.65em; text-align:center; border-collapse:collapse; margin-top:50px; border-top:2px solid #5e5e5e}
.tbl_location2 td {padding:8px 18px;  background:#fff;border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:left; line-height:1.5em; font-weight:bold; vertical-align:middle}
.tbl_location2 td:last-child {border-right:none}
.tbl_location2 .title { background:#fffbe8; font-weight:bold; color:#444; font-size:14px; text-align:center}
.tbl_location2 .contents { background:#fff; color:#777; font-size:14px; font-weight:normal}





/*경영?�념*/
.philosophy_img {width:100%; margin:0 auto; margin-bottom:30px; text-align:center}
.philosophy_img > img  {width:514px}
.philosophy_img2 {width:100%; margin:0 auto; margin-bottom:30px; text-align:center; border-top:2px solid #eee; padding-top:50px}
.philosophy_img2 > img {width:494px}


.philosophy {width:100%; position:relative; margin-bottom:50px; }
.philosophy:after {display: block; content:""; clear: both;}
.philosophy > dt { *zoom:1; * display:inline-block; font-size:20px; display:block; color:#e43034; font-weight:bold; background:url(../images/philosophy_bullet_1.gif) 0 15px no-repeat; padding-left:10px; line-height:50px; vertical-align:middle;}
.philosophy > dd { *zoom:1; * display:inline-block;color:#333; font-size:15px; line-height:20px; padding-left:10px; font-weight:bold}
.philosophy > dd > span { display:block; color:#888; font-size:13px; margin-bottom:20px;} 







.paragraph1 li:after { content:" "; height:0; display:block; visibility:hidden; clear:both; }
* html .paragraph1 li { height:1%; }
.paragraph1 li { display:block; min-height:1%; margin:50px 0 0; text-align:left;}
.paragraph1 img { float:left; margin:0 13px 0 0;}
.paragraph1 h4 { float:left; color:#e43034; font-weight:bold; font-size:16px; margin-bottom:10px; line-height:20px; width:100%;}
.paragraph1 p { float:left; width:85%;}

.tt1 { font-size:22px; font-weight:800;}
.p1 { font-size:14px; font-weight:700;}








@media only screen and (max-width: 1280px) {
#quickmenu { display:none;}
#subContent #contentWrap.branch { width:100%; margin:0 auto;}

#content .branchcont #slider3-pager { width:101%; margin:0 auto;}
}

@media only screen and (max-width: 1024px) {
#header nav { width:100%;}
#header nav h1 { margin:5px 0 0 10px;}
#header nav ul#topmenu { margin-right:20px;}
#header nav ul#topmenu > li { width:120px;}
#header nav ul#topmenu > li a { font-size:18px; font-weight:900;}
#header nav ul#topmenu > li > ul { width:105px; margin:14px 0;}

.maincard .bx-wrapper { width:740px; !important;}
.pattern { height:35px;}
.mainbbsWrap .mainbbs { width:740px;}
.mainbbs > div { width:345px; margin:0 19px 0 0;}
.mainbbs > div + div { width:345px; margin:0 0 0 19px;}
.mainbbs > div + div + div { margin:30px auto; width:730px;}

#footer { width:580px;}
#footer h1 { display:none;}
#footer > p { width:580px;text-align:center;}
#footer div { margin:31px 0 0 23px; width:250px;}

.subvisual img { width:100%;}
#subContent { width:100%;}
#subContent #subNavWrap { width:20%;}
#subContent #contentWrap { width:75%; margin-left:2.5%; padding-left:2.5%;}
#subContent #contentWrap.branch { width:90%; margin:0 5%; padding:0; background:url('');}
#subContent #contentWrap #subhead ul { right:10px; }
.paragraph1 li { text-align:center;}
.paragraph1 img { float:none; margin:0 0 13px 0;}
.paragraph1 h4 { float:none; color:#e43034; font-weight:bold; font-size:16px; margin-bottom:10px;}
.paragraph1 p { float:none; margin:20px auto 60px;}

#content .branchcont .branchtab li { width:16.4%; margin:0 0.2% 2px 0; height:30px; line-height:30px; }


/*본사?�치 지?�아???�이�?/
.tbl_location {width:94%; display:table;}
.tbl_location2 {width:90%; display:none}


}

@media only screen and (max-width: 820px) {
#header { height:0 !important;}
.mean-container .mean-nav h1 { margin:5px 0 0 15px !important;}
.mean-container .mean-nav h1 img { width:auto !important; height:46px !important;}

.maincard .bx-wrapper { width:480px; !important;}
.toplinkWrap { display:none;}
.mainbbsWrap .mainbbs { width:475px; margin:0 auto;}
.mainbbs > div { width:100%; margin:0 0 0 -7px;}
.mainbbs > div + div { width:100%; margin:30px 0 0 -7px;}
.mainbbs > div + div + div { width:100%; margin:30px 0 0 -7px;}

#subContent #subNavWrap { display:none;}
#subContent #contentWrap { width:90%; margin:0 5%; padding:0; background:url('');}

#content .branchcont .panel .trWrap { padding:30px 5%; position:relative; min-height:280px; width:89%; margin:0 auto;}
#content .branchcont .trWrap .time {position:relative; text-align:left; right:0; top:0; width:auto; margin:30px 0 0 210px;}
#content .branchcont .panel > li .trWrap ul { margin:0 0 0 210px; padding-top:100px;}
#content .branchcont .panel > li .trWrap ul li { font-size:13px !important; padding-bottom:2px;}


/*본사?�치 지?�아???�이�?/
.tbl_location {width:94%; display:table;}
.tbl_location2 {width:90%; display:none}


/*경영?�념*/
.philosophy_img > img  {width:80%}
.philosophy_img2 {padding-top:30px}
.philosophy_img2 > img {width:80%} 

.philosophy > dd > span {margin-top:8px;}
}

@media only screen and (max-width: 600px) {
.maincard .bx-wrapper { width:240px; !important;}
.pattern { height:15px; background-size:auto 200%; }
.mainbbsWrap .mainbbs { width:85%;}
#footerWrap { background:#000000; height:450px;}
#footer { width:90%;}
#footer > div { float:none; width:100%; position:absolute; top:20px; left:0; margin:0; border-bottom:1px solid #c2c2c2; height:45px; text-align:center;}
#footer div img { position:relative; width:35px; height:auto; vertical-align:middle; margin-right:10px;}
#footer div p { position:relative; display:inline-block; font-size:15px; color:#c2c2c2; line-height:25px; font-weight:bold; left:0; top:0;}
#footer div p b { display:inline-block; font-size:20px; margin-left:10px;}
#footer > p { float:none; margin:0; padding-top:85px; width:100%; border-right:none; text-align:center; line-height:15px;}
#footer > p b { display:inline-block; padding-bottom:10px;}

#subContent #contentWrap #subhead ul { top:-40px; right:-12.5%; left:-12.5%; border-bottom:1px solid #ccc; width:113%; padding-bottom:10px; text-align:right; padding-right:2%; }
#subContent #contentWrap #content { padding:25px 0 35px;}

#content .branchcont .branchtab li { width:19.4%; margin:0 0.3% 2px 0; height:30px; line-height:30px;}

#content .branchcont .branchname { color:#e43135 !important; text-align:center; padding-top:150px; font-size:45px !important; font-weight:bold;}

#content .branchcont .panel .trWrap h4 { position:absolute; background:url('') #e43034; height:auto; padding:5px 0; width:100%; text-align:center; left:0; top:0; margin:0;}
#content .branchcont .panel .trWrap h4 span { background:url(''); padding:0;}
#content .branchcont .panel .trWrap .job {position:absolute; left:0; top:45px; background:url('') #464646; height:auto; padding:5px 0; width:100%; margin:0; text-align:center; z-index:101;}
#content .branchcont .panel .trWrap .time { text-align:center; width:100%; margin:0; margin-top:305px; left:0; padding:0; border:0 !important;}
#content .branchcont .panel .trWrap img { position:absolute; left:50%; top:90px; margin:0 0 0 -95px;}

#content .branchcont .panel > li .trWrap ul { clear:both !important; margin:0; padding:0; padding-top:370px;}
#content .branchcont .panel > li .trWrap ul li { font-size:13px !important; }
#content .branchcont .panel > li .trWrap ul li:first-child { border-top:1px solid #ccc; padding-top:20px;}

#content .branchcont .bx-prev { position:absolute; top:50% !important; left:-40px !important; margin-top:-20px;}
#content .branchcont .bx-next { position:absolute; top:50% !important; right:-40px !important; margin-top:-20px;}


/*본사?�치 지?�아???�이�?/
.tbl_location {width:90%; display:none;}
.tbl_location2 {width:90%; display:block; margin:0 auto;}

/*경영?�념*/
.philosophy {width:95%;}
.philosophy_img > img  {width:100%; margin-top:20px}
.philosophy_img2 {padding-top:40px; }
.philosophy_img2 > img {width:100%} 

.philosophy > dd > span {margin-top:8px;} 




}

@media only screen and (max-width: 480px) {
#content .branchcont .explain { font-size:15px !important; padding:20px 0 0; line-height:20px !important; font-weight:bold; background:url('') no-repeat, url('');}

#content .branchcont .branchtab li { width:24.4%; margin:0 0.3% 2px 0; height:30px; line-height:30px; font-size:12px;}

#content .branchcont .bx-prev { position:absolute; width:20px; height:40px; background-size:auto 100%; top:50% !important; left:-25px !important; margin-top:-10px;}
#content .branchcont .bx-next { position:absolute; width:20px; height:40px; background-size:auto 100%; top:50% !important; right:-25px !important; margin-top:-10px;}
#content .branchcont #bx-pager { margin:5px 0 0 0; padding:5px 0 !important; border-top:none; border-bottom:none;}
#content .branchcont #bx-pager a { width:18%;}
/*본사?�치 지?�아???�이�?/
.tbl_location {width:90%; display:none;}
.tbl_location2 {width:90%; display:block; margin:0 auto;}



}


/* 메인?�이지 블로�?추�? */

.blog_line {background-color:#0000; background-size:auto 100%; height:70px;}


/* ?�업 */

#popp27 {width:480px; height:330px; position: absolute; top:40%; left:50%; margin:auto; background:#fff; z-index:15000;}
#popp27 .cont {width:480px; height:300px;}
#popp27 .close {width:470px; height:30px; background:#f3f3f3; line-height:30px; padding-left:10px; font-size:13px;}
#popp27 .close #close {float:right; margin-right:10px; cursor:pointer;}