@charset "utf-8";
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed");
@import url("component.css");
@import url("reset.css");
@import url("content.css");


html,body { font-size:13px; color:#333; min-width:320px; line-height:25px; -moz-text-size-adjust:none; -webkit-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust: none;  }


.img-responsive-max { width:100%; height:auto }
.img-responsive { max-width:100%; height:auto }
.margin-top-10 { margin-top:10px }
.margin-top-20 { margin-top:20px }
.margin-top-30 { margin-top:30px }
.margin-top-40 { margin-top:40px }
.margin-top-50 { margin-top:50px }
.margin-top-60 { margin-top:60px }
.margin-top-70 { margin-top:70px }

.margin-left-10 { margin-left:10px }

.no-margin { margin:0 ! important }

.overflow { overflow:hidden }
.relative { position:relative }

.clear { clear:both }
.left { float:left }
.right { float:right }

.text-left { text-align:left ! important }
.text-center { text-align:center ! important }
.text-right { text-align:right ! important }

.btn { display:inline-block; transition:all .3s ease; vertical-align:middle }

.btn-xs { font-size:12px; line-height:24px; padding:0 10px }
.btn-sm { font-size:13px; line-height:30px; padding:0 20px }
.btn-md { font-size : 16px; padding : 10px 30px  }

.btn-radius { border-radius:3px }

.blind { display:none }
.font-14{font-size:14px;}

#header { max-width:1200px; margin:0 auto; position:relative; z-index:9999 }
#header .logo { height:86px }
#header .logo a { display:inline-block; margin-top:19px; transition:all .4s ease }

.mobile-gnb { display:none; position:absolute; top:0; right:0 }
.mobile-gnb li { display:inline-block; line-height:86px; padding:0 25px; position:relative }
.mobile-gnb li a { font-size:16px; font-weight:bold; color:#404040; display:block; height:100%; transition:all .4s ease }
.mobile-gnb li.active a, .mobile-gnb li a:hover  { color:#fff3f3 }
.mobile-gnb li ul { display:none; position:absolute; left:0; top:74px; width:100%; background: rgba(89,4,3, 0.9); padding:10px 0 }
.mobile-gnb li li { display:block; line-height:33px; padding:0; text-align:center }
.mobile-gnb li li a { font-size:14px; color:#fff ! important }


.gnb { position:absolute; top:38px; right:0 }
.gnb > ul.gnb-ul > li { float : left; position:relative }
.gnb > ul.gnb-ul > li > a { padding : 0 25px; }
.gnb ul.gnb-ul li a { font-size:16px; font-weight:bold; color:#404040; display:block; height:100%; transition:all .4s ease; position : relative }
.gnb-top-ic { position : absolute; top : 10px; right : 0 }
.gnb-top-ic a { position : relative; display : inline-block; padding : 0 13px 0 25px }
.gnb-top-ic a:nth-child(1) { background : url('/img5/top-ic-01.png') no-repeat left center }
.gnb-top-ic a:nth-child(2) { background : url('/img5/top-ic-02.png') no-repeat left 10px center }
.gnb-top-ic a:nth-child(3) { background : url('/img5/top-ic-03.png') no-repeat left 10px center }
.gnb-top-ic a span { position : absolute; top : 8px; right : 0; width : 1px; height : 10px; background : #d9d9d9 }



.gnb > ul > li.has-sub:hover > a:after { content : '▲'; position : absolute; top : 26px; font-size : 22px; left : 0; color : #cb1111; width : 100%; text-align : center }
.gnb ul.gnb-ul li li { display:block; line-height:33px; padding:0; text-align:center }
.gnb ul.gnb-ul li li a { font-size:14px; color : #fff }
.gnb ul.gnb-ul li li a:hover { text-decoration : underline }
div.gnb-open { display : none; position:absolute; left:0; top:48px; width:100%; background: #cb1111; padding:10px 0; height : 150px }
.btn-for-mobile-toggle { display:none; position:absolute; top:0; right:0 }
.btn-for-mobile-toggle a { display:inline-block; width:60px; height:60px; text-align:center; line-height:60px; color:#cc1211; font-size:30px }
.gnb button { position : absolute; top : 30px; right : 0; background : rgba(156, 201, 83, 0.8); color : #fff; height : 30px; line-height : 30px; padding : 0 10px  }
.gnb > ul.gnb-ul:after { content : ''; display : block; clear : both }
.gnb span.gnb-line { display : inline-block; width : 1px; height : 14px; background : #ccc; position : absolute; top : 7px; right : 0 }
.gnb .gnb-ul li .nb_li { color : #d70000; font-size : 19px }

.container-inner { min-height:500px }

.main-vslide .bx-wrapper { margin:0 ! important }
.main-vslide .bx-wrapper .bx-viewport { box-shadow:none; border:0px none; left:0 }
.main-vslide li { text-align:center; height:714px; position:relative }
.main-vslide li p { vertical-align:center; line-height:714px; color:#fff; font-size:60px }
.main-vslide li h1 { vertical-align:center; line-height:714px; color:#fff; font-size:60px }
.main-vslide li p strong, .main-vslide li p span { color:#cb1111 }
.main-vslide li p:before { content:url('/images5/quate-1.png'); padding-right:15px }
.main-vslide li p:after { content:url('/images5/quate-2.png'); padding-left:15px }
.secn-1 { background:url('/images5/main-vslide-bg-1.jpg') no-repeat center center; background-size:cover }
.secn-2 { background:url('/images5/main-vslide-bg-2.jpg') no-repeat center center; background-size:cover }
.secn-3 { background:url('/images5/main-vslide-bg-3.jpg') no-repeat center center; background-size:cover }
.secn-2 p { font-family: 'Roboto Condensed', sans-serif; }
.main-vslide .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:30px }
.main-vslide .bx-wrapper .bx-default-pager.bx-pager a { border:1px solid #fff; background:transparent; width:15px; height:15px; border-radius:500px; transition:all .5s ease }
.main-vslide .bx-wrapper .bx-default-pager.bx-pager a:hover, .main-vslide .bx-wrapper .bx-default-pager.bx-pager a.active { background:#fff; border-color:#fff }

.m-content-1 ul { overflow:hidden }
.m-content-1 li { float:left; position:relative; width:25%; height:250px; color:#fff; text-align:center; font-family: 'Roboto Condensed', sans-serif; font-size:22px; font-weight:700; letter-spacing:0 }
.m-content-1 li a { display:block; color:#fff; transition:all .5s ease }
.m-content-1 li .ic { display:table; margin:0 auto; margin-top:56px; width:80px; height:80px; border-radius:500px; background:#4d4d4d; border:6px solid #930101 }
.m-content-1 li .ic em { display:table-cell; vertical-align:middle }
.m-content-1 li span:last-child { display:block; margin-top:15px }
.m-content-1 li:nth-child(1) { background:#404040 }
.m-content-1 li:nth-child(2) { background:#d70000 }
.m-content-1 li:nth-child(2):before { content:url(../images/service-ic-0-arrow.png); position:absolute; top:95px; left:0 }
.m-content-1 li:nth-child(3) { background:#c00202 }
.m-content-1 li:nth-child(4) { background:#af0202 }
.m-content-1 li a:hover { color:#404040 }

.m-content-2 { background:url(../images/m-bg-dark-1.jpg) no-repeat center center; background-size:cover; padding:65px 0; height:650px }
.m-content-2 h2 { text-align:center }
.m-content-2 h2 span { display:inline-block; margin:0 auto; width:40px; height:1px; background:#d70000}
.m-content-2 h2 p { font-family: 'Roboto Condensed', sans-serif; margin-top:30px; font-size:22px; color:#fff; font-weight:700; letter-spacing:0; text-transform:uppercase }
.m-content-2 .subscript { color:#b2b2b2; text-align:center; margin-top:26px; font-size:12px }
.m-content-2 .box-wrap { max-width:1200px; margin:0 auto; margin-top:60px; overflow:hidden }
.m-content-2 .box { width:25%; float:left; text-align:center }
.m-content-2 .box .inner { background:transparent; border:1px solid transparent; transition:all .3s ease; padding:30px }
.m-content-2 .box h3 p { color:#d70000; font-size:26px; letter-spacing:-2px }
.m-content-2 .box h3 span, .m-content-2 .box .inner > div > span { display:inline-block; margin:0 auto; width:80px; height:1px; background:#d70000; margin-top:30px }
.m-content-2 .box .inner > div > p { height:160px; margin-top:30px; color:#b2b2b2; padding:0 20px }
.m-content-2 .box .btn { font-family: 'Roboto Condensed', sans-serif; font-size:18px; height:50px; line-height:50px; width:150px; text-transform:uppercase; margin-top:30px; border : 1px solid #d70000; color : #d70000}
.m-content-2 .box:hover .inner { background:#232222; border-color:#d70000; margin-top:10px }
.m-content-2 .box:hover .btn { background:#d70000; color:#333 }

.m-content-3 { margin-bottom:80px; padding:80px 0 120px 0; text-align:center; background:url(../images/m-content-3-bg.jpg) no-repeat center bottom }
.m-content-3 > div { margin-top:50px }
.m-content-3 h2 { font-family: 'Roboto Condensed', sans-serif; font-size:32px; text-transform:uppercase; color:#333; letter-spacing:0; font-weight:700 }
.m-content-3 .btn { font-family: 'Roboto Condensed', sans-serif; font-size:18px; height:50px; line-height:50px; width:210px; margin:5px; text-transform:uppercase; border : 1px solid #d70000; color : #d70000}
.m-content-3 .btn:hover { background:#d70000; color:#fff }

.m-content-4 { background:#e6e6e6; padding:55px 0 }
.m-content-4 .bx-wrapper { max-width:1200px; margin:0 auto }
.m-content-4 .bx-wrapper .bx-viewport { box-shadow:none; border:0px none; left:0; background:transparent none }
.prt-slider li { text-align : center; border-left : 1px solid #d8d8d8; border-right : 1px solid #d8d8d8 }
.prt-slider li img { margin:0 auto }
.m-content-4 .bx-wrapper .bx-prev { left:-50px; background:url(../images/arrow-prev.png) no-repeat 0 0; width:32px; height:32px }
.m-content-4 .bx-wrapper .bx-next { right:-50px; background:url(../images/arrow-next.png) no-repeat 0 0; width:32px; height:32px }


.m-content-5 .btn { display:block; width : 100%; background:#d70000; color:#fff; font-family: 'Roboto Condensed', sans-serif; font-weight:700; letter-spacing:0; font-size:18px; text-transform:uppercase; text-align:center; padding:30px 0 }
.m-content-5 .btn i { display:inline-block; margin-left:10px; font-size:24px; vertical-align:middle }
.m-content-5 .btn:hover { color:#333 }
.m-content-5 .map { display:none; height:320px }

#footer { background:#2a2a2a; padding-bottom:90px }

#footer .box-wrap { max-width:1200px; margin:0 auto; overflow:hidden; padding:60px 0 }
#footer .box { width:25%; float:left }
#footer .box h3 { font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; letter-spacing:0; font-weight:700; font-size:16px; color:#fff; margin-bottom:20px }
#footer .box .inner { margin:0 30px }
#footer .box:first-child .inner, #footer .box:last-child .inner { margin:0 }
#footer .f-cont-1 li { overflow:hidden; font-size:12px; line-height:38px }
#footer .f-cont-1 li a, #footer .f-cont-1 li em { float:left; transition:all .5s ease }
#footer .f-cont-1 li a { width:75%; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#b2b2b2 }
#footer .f-cont-1 li em { width:25%; text-align:right; color:#666 }
#footer .f-cont-1 li a:hover { color:#fff }

#footer .f-cont-2{width:30%;}
#footer .f-cont-2 ul { overflow:hidden }
#footer .f-cont-2 li { width:50%; float:left; line-height:38px }
#footer .f-cont-2 li a { display:block; color:#b2b2b2; font-size:12px; transition:all .5s ease }
#footer .f-cont-2 li a:before { content:"----"; padding-right:5px; color:#fff; letter-spacing:-2px; transition:all .5s ease }
#footer .f-cont-2 li a:hover { color:#d70000}
#footer .f-cont-2 li a:hover:before { color:#d70000}

#footer .f-cont-3 ul { margin-top:30px }
#footer .f-cont-3 li { display:table; width:100%; margin-bottom:16px; line-height:18px; color:#b2b2b2; font-size:12px }
#footer .f-cont-3 li i, #footer .f-cont-3 li span { display:table-cell; vertical-align:middle }
#footer .f-cont-3 li i { width:20px; padding-right:15px; font-size:21px; color:#4d4d4d; text-align:center }
#footer .f-cont-3 li:last-child em { display:inline-block; margin:0 10px; color:#4d4d4d }
#footer .f-cont-3 li:not(:first-child) { letter-spacing:0 }

#footer .f-cont-4{width:20%;}
#footer .f-cont-4 ul { margin-top:30px }
#footer .f-cont-4 li { display:inline-block; text-align:center }
#footer .f-cont-4 a { display:inline-block; border:1px solid transparent; margin-right:3px; width:32px; height:32px; line-height:32px; border-radius:500px; background:#171717; color:#4d4d4d; font-size:18px; transition:all .5s ease }
#footer .f-cont-4 a:hover { background:transparent; border-color:#d70000; color:#fff }
#footer .f-cont-4 .search { position:Relative; /* border:1px solid #404040; */ height:42px; margin-top:26px }
#footer .f-cont-4 input[type="text"] { border:0px none; background:transparent; height:32px; width:100%; margin:5px 0; text-indent:10px; color:#fff }
#footer .f-cont-4 button { position:absolute; top:-1px; right:-1px; bottom:-1px; width:46px; background:#808080; color:#fff; font-size:21px; transition:all .5s ease }
#footer .f-cont-4 button:hover { background:#d70000}
#footer address { max-width:1200px; margin:0 auto; background:#1a1a1a; text-align:center; font-family: 'Roboto Condensed', sans-serif; color:#595959; padding:10px 0; letter-spacing:0 }



.sub-title { min-height:240px; background-size:cover ! important; text-align:center }
.sub-title h1 { color:#fff; font-size:45px; font-weight:bold; padding-top:70px }

.bg-1 { background:url('/img5/content/sub-top-01.jpg') no-repeat center center }
.bg-2 { background:url('/img5/content/sub-top-02.jpg') no-repeat center center }
.bg-3 { background:url('/img5/content/sub-top-03.jpg') no-repeat center center }
.bg-4 { background:url('/img5/content/sub-top-04.jpg') no-repeat center center }
.bg-6 { background:url(../images/person-vs-02.jpg) no-repeat center center }
.bg-7 { background:url(../images/person-vs-03.jpg) no-repeat center center }


.container { max-width : 1200px; margin : 0px auto; padding : 0 10px; box-sizing : border-box }
.sub-title .snb { margin-top:40px }
.sub-title .snb a { display:inline-block; color:#fff; padding:5px 20px 5px 10px; font-size:15px; position:relative; line-height:30px; transition:all .5s ease }
.sub-title .snb a:after { display:inline-block; content:"/"; position:absolute; top:5px; right:0; line-height:30px; color:#ccc }
.sub-title .snb a:last-child:after { content:"" }
.sub-title .snb a:hover { color:#d70000}

.cate-title { text-align : center }
.cate-title span { display:block; width:40px; height:1px; background:#d70000; margin:0 auto 35px;}
.cate-title strong { display:block; color:#404040; font-size:20px; margin:15px 0; text-transform : uppercase }
.cate-title p { font-size:12px; color:#b2b2b2; padding : 0 15px; letter-spacing:-0.5px; line-height:14px; margin-top:17px;}



/* 인사말 */
.greeting { padding:80px 0; text-align:center }
.greeting h2 { font-family: 'Roboto Condensed', sans-serif; font-size:32px; letter-spacing:0 }
.greeting h2 strong { display:block; font-weight:700; color:#d70000; margin-top:16px; font-size : 32px }
.greeting .txt { max-width:1030px; margin:0 auto; margin-top:36px; font-size:14px }
.greeting .txt p:before { display:block; float:left; content:url('/img5/content/quoat2-1.png'); margin-top:7px; padding-right:15px }
.greeting .txt p:after { display:block; float:right; content:url('/img5/content/quoat2-2.png'); margin-top:-7px }
.greeting .txt span { display:block; margin-top:20px; font-size:16px }



/* 연혁 */
.history { background:#fff3f3; padding:80px 0 0 0 ; text-align:center }
.history h2 span { display:inline-block; width:40px; height:1px; background:#d70000}
.history h2 strong { display:block; color:#404040; font-size:20px; margin:20px 0 }
.history h2 p { font-size:12px; color:#b2b2b2 }
.history .timeline { position:relative; min-height:530px; max-width:1200px; margin:0 auto; background:url('/img5/content/red-bar.gif') repeat-y center top; margin-top:40px }
.history .timeline .box { width:50%; position:absolute; min-height:156px }
.history .timeline .box:after { content : ''; display : block; clear : both }
.history .timeline .box:before { display:block; content:"●"; position:absolute; top:10px; left:-12px; font-size:24px; color:#d70000 }
.history .timeline .box .inner { position:absolute; left:0; right:0; margin : 0 0 0 40px; box-shadow:2px 2px 2px rgba(0,0,0,0.1); min-height:156px; text-align:left }
.history .timeline .box .inner:before { content:"◀"; color:#fff; font-size:16px; position:absolute; top:10px; left:-12px }
.history .timeline .box .inner img { position:absolute; top:0; right:0 }
.history .timeline .box .inner .txt { margin:20px 304px 20px 20px }
.history .timeline .box .inner .txt h3 { color:#b2b2b2; font-size:13px; line-height : 100% }
.history .timeline .box .inner .txt h3 span { display:block; height : 5px }
.history .timeline .box .inner .txt h3 span b { display : inline-block; width:20px; background:#d70000; height:2px  }
.history .timeline .box .inner .txt p { color:#333; font-size:16px; margin-top:10px; word-break:keep-all }

.history .timeline .box:nth-child(2n):before { content:"" }
.history .timeline .box:nth-child(2n):after { display:block; content:"●"; position:absolute; top:10px; right:-11px; font-size:24px; color:#d70000 }
.history .timeline .box:nth-child(2n) .inner { margin : 0 40px 0 0 }
.history .timeline .box:nth-child(2n) .inner:before { content:"" }
.history .timeline .box:nth-child(2n) .inner:after { content:"▶"; color:#fff; font-size:16px; position:absolute; top:10px; right:-12px ! important }
.history .timeline .box:nth-child(2n) .inner img { position:absolute; top:0; left:0 }
.history .timeline .box:nth-child(2n) .inner .txt { margin:20px 20px 20px 304px; text-align : right }



.history .timeline .box.box-04 { top:20px; right:0 }
.history .timeline .box.box-03 { top:100px; left:0 }
.history .timeline .box.box-02 { top:200px; right:0 }
.history .timeline .box.box-01 { top:300px; left:0 }



.history .timeline .box.box-04 .inner { background : #fff url('/img5/content/history-img-04.jpg') no-repeat right top; background-size : 284px 100%  }
.history .timeline .box.box-03 .inner { background : #fff url('/img5/content/history-img-03.jpg') no-repeat left top; background-size : 284px 100%  }
.history .timeline .box.box-02 .inner { background : #fff url('/img5/content/history-img-02.jpg') no-repeat right top; background-size : 284px 100%  }
.history .timeline .box.box-01 .inner { background : #fff url('/img5/content/history-img-01.jpg') no-repeat left top; background-size : 284px 100%  }



/* 전략 */
.strategy { position : relative; background:url('/img5/bg-dark-2.jpg') no-repeat center center; background-size:cover; padding:80px 0 }
.strategy h2 { text-align:center; letter-spacing:0; text-transform:uppercase; color:#fff; font-size:30px; font-family: 'Roboto Condensed', sans-serif; font-weight:700 }
.strategy ul { position : relative; z-index:99; max-width:1400px; margin:0 auto; overflow:hidden; margin-top:80px }
.strategy li { width:33.33%; text-align:center; float:left; cursor:pointer;  }
.strategy li span { display:table; width:128px; height:128px; border:1px solid #fff; background:#313131; margin:0 auto; border-radius:500px; transition:all .5s ease }
.strategy li span em { display:table-cell; vertical-align:middle; text-align:center }
.strategy li:hover span { background:#d70000; border-color:#d70000}
.strategy li p { color:#fff; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; letter-spacing:0; font-size:16px; margin-top:16px }
.strategy li > em { color:#d70000}
.border-hidden { height : 250px; position : absolute; top : 0; width : 100%; z-index: 1 }
.border-hidden p { height : 100%; max-width : 800px; margin : 0 auto; border-bottom : 1px solid #ccc }

/* contact us / map */
.contact-us { display : table; max-width : 1200px; position : relative; z-index: 99999; margin : 50px auto 0 }
.contact-us li { display : table-cell; vertical-align : middle; width : 33.3%; position : relative; padding : 70px 30px; color : #fff }
.contact-us li:first-child { background : #d70000 }
.contact-us li:nth-child(2) { background : #c00202 }
.contact-us li:last-child { background : #af0202 }

.contact-us li > div > img { display : block; position : absolute; top : 74px; left : 60px }
.contact-us li > div > div { padding-left : 120px }
.contact-us li > div > div h2 { font-size : 18px; text-transform : uppercase; font-weight : bold  }
.contact-us li > div > div p { font-size : 12px; line-height : 150% }

#map { position : relative; margin-top : 60px }



/* 조직도 */
.organization img { max-width : 100%; display : block; margin : 70px auto }
.organization .mobile-ver { display : none }


/* business */
.pms-list { margin : 50px 0 80px 0; overflow : hidden }
.pms-list li { float : left; width : 33.3%; text-align : center; position : relative; transition : all .3s ease }
.pms-list li p.pms-img { width : 90px; height : 90px; margin : 0 auto; border : 5px solid #ededed; border-radius : 100%; transition : all .3s ease  }
.pms-list li p.pms-img:hover { border : 5px solid #d70000}
.pms-list li p.pms-img img { padding-top : 27px }
.pms-list li.pms-arrow:after { content : url('../images/content/pms-arrow.png'); display : block; position : absolute; top : 30px; right : 0 }
.pms-list li > div h1 { margin-top : 15px; font-size : 14px; color : #333; font-weight : bold }
.pms-list li > div h1 span { width : 30px; display : block; margin : 15px auto; border-top : 1px solid #d70000}
.pms-list li > div p { font-size: 12px; color : #b2b2b2 }

.ems-wrap { background : #d70000; padding : 50px 0  }
.ems-wrap .cate-title { margin-top : 0 }
.ems-wrap .cate-title h2 span { display:inline-block; width:40px; height:1px; background:#fff}
.ems-wrap .cate-title h2 strong { display:block; color:#fff; font-size:20px; margin: 5px 0 15px 0; text-transform : uppercase }
.ems-wrap .cate-title h2 strong {display:block; color:#fff; font-size:20px; margin: 5px 0 15px 0; text-transform : uppercase }
.ems-wrap .cate-title h2 p { font-size:12px; color:#fff }
.ems-wrap .ems h1 { font-size : 30px; color : #fff; font-weight : bold; text-align : center }
.ems-wrap .ems p { color : #dfc0c0; text-align : center  }



.eng { font-family : "Roboto Condensed", sans-serif; letter-spacing : 1.5px  }
p.eng { font-family : "Roboto Condensed", sans-serif; letter-spacing : 0; font-size : 13px !important }





#bms-wrap { background : #f3f6f1 }
section.business .bms > h1 { text-align : center; color : #808080; font-size : 14px; margin : 30px 0 50px 0 }
section.business .bms > h1 strong { color : #333; font-size : 14px }

.bms-icon ul { overflow : hidden }
.bms-icon ul li { float : left; width : 33.3%; text-align : center; transition : all .4s ease  }
.bms-icon ul li:hover { color : #d70000; font-size : 15px  }
.bms-icon ul li span { display : block; width : 32px; height : 32px; margin : 10px auto  }

/* partner */
section.partner { margin-bottom : 150px }
.partner ul { margin-top : 120px; overflow : hidden }
.partner ul li { float : left; width : 25%; text-align : center }
.partner ul li > div { padding : 0 20px; border-right : 1px solid #e6e6e6 }
.partner ul li:last-child div { border-right : none }
.partner ul li > div h1 { font-size : 26px; color : #4c4c4c; font-weight : bold }
.partner ul li > div h1 span { display : block; width : 100px; height : 1px; border-top : 1px solid #d70000; margin : 30px auto }
.partner ul li > div p { color : #959595; font-size : 12px; padding : 0 40px 30px 40px; }
.partner ul li > div p span { display : block; width : 100px; height : 1px; border-top : 1px solid #d70000; margin : 0 auto; margin-top : 80px }
.partner ul li a { display : inline-block; width : 145px; margin : 0 auto; padding : 10px 0; text-align : center; background : #d70000; color : #fff; font-size : 15px; transition : all .3s ease; border : 1px solid #d70000}
.partner ul li a:hover { border : 1px solid #d70000; background : #fff; color : #d70000}


/* 공지사항 리스트 */ 

.notice-list-wrap { max-width : 1200px; margin : 0 auto; overflow : hidden }
.notice-list { max-width : 1300px; margin : 50px auto; overflow : hidden }
.notice-list li { float : left; width : 25%; margin-bottom : 20px }
.notice-list li > div { margin : 0 10px; border : 1px solid #e0e0e0; text-align : center; cursor : pointer; transition : all .3s ease }
.notice-list li > div > div { padding : 50px 20px 35px 20px }
.notice-list li > div > div h1 { font-size : 18px; font-weight : bold }
.notice-list li > div > div > span { display : block; text-align : center; color : #999999; font-size : 14px }
.notice-list li > div > div > span em { display : block; width : 20px; margin : 5px auto 5px; height : 1px; background : #d70000}
.notice-list li > div > div h1 span { display : block; margin-top : 10px; color : #999; font-weight : normal; font-size : 14px }
.notice-list li > div > div p { font-size : 12px; color : #b2b2b2; line-height : 150% ; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.notice-list li > div p img { width : 100%; height : auto !important; vertical-align : bottom }
.notice-list li > div:hover { border : 1px solid #d70000}



/* 공지사항 읽기 */
.notice-view-wrap .view-head { margin-top : 70px; border-top : 1px solid #e6e6e6; border-bottom : 1px solid #e6e6e6; padding : 25px 0; text-align : center; font-size : 20px; font-weight : bold }
.notice-view-wrap .view-head span { display : block; font-size : 14px; color : #999; font-weight : normal; margin-top : 8px  }
.notice-view-wrap .view-body { text-align : center; padding : 45px 10px; border-bottom : 1px solid #e6e6e6  }
.notice-view-wrap .view-body img { max-width : 100%; height : auto !important }
.notice-view-wrap .view-body p { font-size : 14px; color : #999}

.view-head2{border-bottom:1px solid #e6e6e6; text-align:right; padding:5px 10px 5px 0;}

.notice-view-wrap .view-foot { padding : 50px 0; position : relative }

.notice-view-wrap .foot-list li div { border : 1px solid #e6e6e6; padding : 25px 25px 50px 25px }
.notice-view-wrap .foot-list li div p { font-size : 14px; color : #999; }
.notice-view-wrap .foot-list li div p span { display : block; width : 30px; height : 2px; background : #d70000; margin-top : 5px }
.notice-view-wrap .foot-list li div h1 { margin-top : 10px; font-size : 16px; }
.notice-view-wrap .foot-list li:hover { background : #d70000; cursor : pointer }
.notice-view-wrap .foot-list li:hover p { color : #fff }
.notice-view-wrap .foot-list li:hover p span { background : #fff }
.notice-view-wrap .foot-list li:hover h1 { color : #fff }

.notice-view-wrap .bx-wrapper .bx-prev { left : -50px; background : url('/img5/content/view-slide-prev.png') no-repeat center center; width : 26px; height : 26px  }
.notice-view-wrap .bx-wrapper .bx-next { right : -50px; background : url('/img5/content/view-slide-next.png') no-repeat center center; width : 26px; height : 26px}
div.notice a.board-list { display : block; width : 190px; padding : 20px 0; text-align : center; margin : 0 auto 100px; border : 1px solid #d70000; color : #d70000; font-size : 15px; font-weight : bold; transition : all .3s ease  }
div.notice a.board-list:hover { background : #d70000; color : #fff }


.double-prev { position : absolute; top : 107px; left : -10px; display:none;}
.double-next { position : absolute; top : 107px; right : -10px; display:none;}


/* pagenation */
.pagenation { width : 300px; margin : 30px auto 80px; overflow : hidden }
.pagenation a { display : inline-block; width : 31px; height : 31px; line-height : 31px; text-align : center; border : 1px solid #eaeaea; border-radius : 100%; transition : all .3s ease; margin : 0 4px; float : left  }
.pagenation a img { vertical-align : top }
.pagenation a:hover, .pagenation a.active { border : 1px solid #d70000}


/* 개인정보취급방침 등 */
.scroll-content { border:1px solid #ccc; padding:25px; max-height:640px; margin:20px 0 80px 0 }
.scroll-content .term-1 { margin-right:30px; word-break:keep-all }

.term-1 h2 { font-weight:bold; margin-bottom:20px }
.term-1 h3 { font-weight:bold; color:#d70000; margin-top:30px }
.term-1 li li:before { content:"- " }
.term-1 .margin-top-40 { margin-top:40px }

.sitemap { border-top:2px solid #d70000; margin:20px 0 80px 0 }
.sitemap ul { overflow:hidden; margin:40px 0 }
.sitemap li { width:16.6%; float:left }
.sitemap .site-li-last { width:17%; }
.sitemap li div { border-right:1px solid #e6e6e6; padding:0 25px; min-height:210px }
.sitemap li:last-child div { border:0px none }
.sitemap li li { float:none; width:100% }
.sitemap li a { font-size:25px; color:#333; letter-spacing:-2px; font-weight:bold }
.sitemap li ul { margin:20px 0 }
.sitemap li li a { display:block; font-size:18px; color:#807979; padding:15px 0; font-weight:normal }


/* 보험 */
.charge-01 { overflow : hidden; margin : 0; padding : 50px 0; background-color:#f2f2f2;}
.charge-01 ul { margin : 50px -10px; overflow : hidden }
.charge-01 ul li { position : relative; float : left;  width : 20%; overflow : hidden;}
.charge-01 ul li > div { margin : 0 10px; height : 200px; border : 1px solid #d9d9d9; text-align : center; padding : 30px 20px; background-color:#FFF;}
.charge-01 ul li .inner h2 { font-size : 26px; color : #d70000; text-transform : uppercase  }
.charge-01 ul li .inner h2 span { display : block; width : 25px; height : 1px; background : #d70000; margin : 20px auto 0 }
.charge-01 ul li .inner img { display : block; max-width : 100%; margin : 30px auto }
.charge-01 ul li .inner p { font-size : 20px; color : #333; font-weight : bold }
.charge-01 ul li .over { position : absolute; bottom : -300px; width : 180px; padding : 20px; height : 220px; background : #d70000; color : #fff; left : 0; transition : bottom .3s ease-in;margin:0 10px;}
.charge-01 ul li .over h2 { font-size : 22px; font-weight : bold; margin-bottom : 20px }
.charge-01 ul li .over h2 em { font-style : normal; font-weight : normal; display : block; color : #d9d9d9; margin : 0 0 5px 0 }
.charge-01 ul li .over p { font-size : 12px; line-height : 150%; margin : 5px 0; word-break : keep-all  }
.charge-01 ul li .over p:before { content: '-'; display : inline-block; margin-right : 5px }
.charge-01 ul li:hover .over { bottom : 0 }


.charge-02 { margin : 0; padding : 50px 0; /* background : url('/img5/content/charge-bottom-bg.jpg') no-repeat center center; */ background-size : cover }
.charge-02-step { margin-top : 50px; overflow : hidden }
.charge-02-step .inner { float : left; width : 33.3%; background : url('/img5/content/charge-arrow-right.png') no-repeat top 30px right; text-align : center }
.charge-02-step .inner:last-child { background : none }
.charge-02-step .inner > span { display : block; margin : 0 auto; width : 88px; height : 88px; text-align : center; border : 6px solid #d9d9d9; border-radius : 100%; background : #fff }
.charge-02-step .inner:first-child > span { background : #fff url('/img5/content/charge-06.png') no-repeat center center }
.charge-02-step .inner:nth-child(2) > span { background : #fff url('/img5/content/charge-07.png') no-repeat center center }
.charge-02-step .inner:nth-child(3) > span { background : #fff url('/img5/content/charge-08.png') no-repeat center center }
.charge-02-step .inner h2 { height : 55px; font-size : 14px; color : #333; font-weight : bold; margin : 20px 0 0 0; line-height : 130%; background : url('/img5/content/charge-txt-bar.gif') no-repeat bottom center  }
.charge-02-step .inner p { font-size : 12px; color : #808080 }
.charge-02-step .inner p:before { content : '-'; display : inline-block }


.charge-00 { margin : 0; padding : 50px 0 120px;}
.charge-00-step { margin-top : 50px; overflow : hidden; }
.charge-00-step .inner { float : left; width : 20%; background : url('/img5/content/charge-arrow-right-s.png') no-repeat top 30px right; text-align : center }
.charge-00-step .inner:last-child { background : none; }
.charge-00-step .inner > span { display : block; margin : 0 auto; width : 88px; height : 88px; text-align : center; background : #fff }
.charge-00-step .inner:first-child > span { background : #fff url('/img5/content/mgicon01.png') no-repeat center center }
.charge-00-step .inner:nth-child(2) > span { background : #fff url('/img5/content/mgicon02.png') no-repeat center center }
.charge-00-step .inner:nth-child(3) > span { background : #fff url('/img5/content/mgicon03.png') no-repeat center center }
.charge-00-step .inner:nth-child(4) > span { background : #fff url('/img5/content/mgicon04.png') no-repeat center center }
.charge-00-step .inner:nth-child(5) > span { background : #fff url('/img5/content/mgicon05.png') no-repeat center center }

.charge-00-step .inner h2 {font-size : 14px; color : #333; font-weight : bold; padding : 13px 0 0 0; line-height : 130%; background : url('/img5/content/red-underbar.jpg') no-repeat top center}
.charge-00-step .inner p { font-size : 12px; color : #808080 }
.charge-00-step .inner p:before { content : '-'; display : inline-block }


.charge-03 { background-color:#f2f2f2; background-size : cover; min-height : 710px; overflow : hidden }

.charge-03 .cate-title { padding-top : 40px; text-align : center }
.charge-03 .cate-title h2 span { display:inline-block; width:40px; height:1px; background:#fff }
.charge-03 .cate-title h2 strong { display:block; color:#D70000; font-size:20px; margin:20px 0; text-transform : uppercase }
.charge-03 .cate-title h2 p { font-size:12px; color:#39491e }
.charge-03 form { display : block; max-width : 990px; margin : 30px auto; padding : 0 20px }
.charge-03 form ul li { float : left; width : 49%; margin-bottom : 15px }
.charge-03 form ul li:nth-child(2n) { float : right }
.charge-03 form ul li input { border : 2px solid transparent; width : 100%; height : 55px; line-height : 55px; text-indent: 15px }
.charge-03 form ul li input:focus { border : 2px solid #5d8319 }
.charge-03 form textarea { padding: 30px 27px; display : block; width : 95%; height : 195px; overflow : auto  }
.charge-03 form button { display : block; margin : 30px auto; width : 235px; height : 65px; line-height : 65px; background : #D70000 url('/mod/img/content/ad-pencil.png') no-repeat left 65px center; font-size : 16px; color : #fff; padding-left : 15px }

.file-input-textbox { }
.file-input-div { position: absolute; width: 55px; height: 55px; top : 2px; right : -2px } 
.file-input-button { width: 55px; position: absolute; top: -2px; right : -2px; background : #000; height : 57px !important }
.file-input-hidden { font-size: 45px; position: absolute; right: 0px; top: 0px; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; -khtml-opacity: 0; -moz-opacity: 0 }




/* 2016 03 07 사업영역 수정 */
.ems-txt { display : table; width : 100%; margin-top : 45px }
.ems-txt .inner { display : table-cell; width : 33.3%; text-align : center }
.ems-txt .inner span { display : block; margin : 0 auto; width : 88px; padding : 24px 0; border-radius : 100%; border : 1px solid #fff }
.ems-txt .inner p { position : relative; font-size : 15px; color : #fff; padding : 10px 0 20px 0 }
.ems-txt .inner p.has-before { background : url('/img5/content/new-arrow-btm.png') no-repeat bottom center }
.ems-txt .inner p strong { font-size: 17px }


/* 2016 05 03 */
.rms-wrap .cate-title { margin : 80px 0 0 0 }