.header { z-index: 9000; height: 75px; border-bottom: 3px solid #ec3333; box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100%; padding: 20px 0; background: #fff; }
.header .logo img { height: 35px; }
.header .btn_menu { height: 25px; margin: 5px 0; width: 40px; background: url(/mobile/images/main/btn_menu.png) no-repeat center; background-size: 100% 100%; margin-right: 1em; }
.header .lang { height: 35px; background: #3e528b; border-radius: 2em; }
.header .lang select { background: transparent; width: 100%; height: 35px; padding: 0 1em; color: #fff; }

.header-menu { position: fixed; left: 0; top: 75px; width: 100%; z-index: 8900; overflow:auto;max-height:calc(100% - 75px);}

.nav { display: none; }
.nav .nav-item { width: 100%; }
.nav .nav-item .nav-link { display: block; padding: 0 1em; color: #fff; width: 100%; line-height: 50px; background: #354a86; border-bottom: 1px solid #616c8f; }
.nav .nav-item .depth-nav { display:block; overflow: hidden; background: #1c2d5f; }
.nav .nav-item .depth-nav:after { content: ''; display: block; clear: both; }
.nav .nav-item .depth-nav .depth-nav-item { width: 50%; float: left; border-bottom: 1px solid #616c8f; }
.nav .nav-item .depth-nav .depth-nav-item:nth-child(3) { border-bottom: 0; }
.nav .nav-item .depth-nav .depth-nav-item .depth-nav-link { line-height: 40px; display: inline-block; width: 100%; color: #fff; padding: 0 1em; }

.container { padding-top: 75px; }

.table.default { border-top: 2px solid #333; }
.table.default th, .table.default td { height: 35px; border-bottom: 1px solid #aaa; padding: 0 1em; font-size: 12px; }
.table.default th { background: #ddd; }
.table.default td.road { padding: 1.5em; text-align: center; line-height: 1.5em; word-break: keep-all; }

.etab-view .etv { display: none; }
.etab-view .etv.etv-1 { display: block; }
.etab-view .etv.etv-1-1 { display: block; }

.footer { background: #111419; padding: 2em; }
.footer .btnbox { margin-top: 0; }
.footer .btnbox a { background: #354a86; }
.footer p.copy { color: #999; font-size: 12px; margin-top: 2em; line-height: 1.5em; }

.main.container { background: #eaeaea; padding-bottom: 1em; }

.slidebox { background: url(/mobile/images/main/main_slide_bg.png) #111419 no-repeat center; background-size: cover; padding-top: 50px; padding-bottom: 30px; }
.slidebox li.list2 h3 { font-size: 26px !important; font-weight: 400; letter-spacing: -0.06em; }
.slidebox li.list2 h3 span { font-size: 20px; }
.slidebox li.list2 p { color: #ec3333 !important; font-size: 24px; }
.slidebox li.list2 p img { height: 24px; }
.slidebox li.list2 p span { display: block !important; color: #828080 !important; }
.slidebox li .desc a.link { background: #ec3333; color: #fff; display: inline-block; padding: 0 1em; }
.slidebox li .desc a.link span { padding-right: 2em; line-height: 30px; background: url(/mobile/images/main/icon_default.png) no-repeat right center; background-size: auto 100%; }
.slidebox li .desc h3 { font-weight: 400; color: #fff; font-size: 30px; margin-top: .5em; }
.slidebox li .desc p { font-size: 20px; margin-top: .5em; color: #828080; }
.slidebox li .desc p span { color: #ec3333; margin-top: .5em; display: inline-block; font-weight: 400; line-height: 1em; font-size: 1rem; }

.main .section { margin-top: 1em; border-top: 2px solid #ec3333; padding: 2em 1em 1em; background: #fff; position: relative; }
.main .section.sec2 { background: url(../images/main/section2-bg.png) #fff no-repeat 90% 2em; background-size: auto  55%; }
.main .section.sec3 .detail-link { position: absolute; right: 1.5em; top: 2em; color: #fff; background: #ec3333; padding: 0 1em; line-height: 30px; font-size: 12px; }
.main .section.type1 { padding: 0 0 1em; border-top: 0; }
.main .section.type1 h3 { padding: 0 1em; background: #ec3333; color: #fff; line-height: 60px; font-weight: 400; }
.main .section.type1 h3 a { display: inline-block; line-height: 60px; vertical-align: baseline; }
.main .section.type1 h3 a img { height: 20px; vertical-align: middle; }
.main .section.sec5 p { min-height: auto; }
.main .section.sec5 .btnbox { margin-top: 1em; }
.main .section h3 { font-size: 17px; margin-bottom: 1em; }
.main .section h2.number { color: #3e528b; font-size: 45px; font-weight: 800; margin-bottom: .1em; }
.main .section p { word-break: keep-all; width: 65%; font-size: 14px; color: #666666; line-height: 20px; min-height: 80px; }
.main .section .equip-list li { width: 33.3%; padding: .3em; box-sizing: border-box; }
.main .section .notice li { padding: .5em 2em .5em 2em; position: relative; }
.main .section .notice li:after { content: ''; display: block; width: 3px; height: 3px; position: absolute; left: 1em; top: 50%; transform: translateY(-50%); background: #666666; }
.main .section .notice li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #666666; }

.scrollTop { width: 50px; height: 50px; position: fixed; right: 1em; bottom: 1em; background: url(../images/main/btn_top.png) no-repeat center; background-size: 100% 100%; }

.btnbox { margin-top: 2em; }
.btnbox a { margin-bottom: .3em; display: block; height: 40px; line-height: 40px; text-align: center; background: #ec3333; }
.btnbox a:last-child { margin-bottom: 0; }
.btnbox a span { color: #fff; line-height: 40px; display: inline-block; vertical-align: baseline; }
.btnbox a span.arrow { padding-right: 1em; background: url(../images/main/icon_arrow_right.png) no-repeat right center; background-size: auto 12px; }

.slide-pager { margin-top: 2em; text-align: center; }
.slide-pager ul { display: inline-block; }
.slide-pager ul li { display: inline-block; margin: 0 .3em; }
.slide-pager ul a { display: inline-block; width: 15px; height: 15px; border: 1px solid #fff; border-radius: 50%; }
.slide-pager ul a.active { border: 2px solid #fff; background: #ec3333; }

.subpage .content { padding-bottom: 3em; }
.subpage .content .pagetitle { font-size: 28px; color: #354a86; }
.subpage .cont { margin-top: 2em; line-height: 1.3em; word-break: keep-all; }

.etab { width: 100%; height: 60px; border: 1px solid #ddd; margin-bottom: 1em; }
.etab.type2 { height: 35px; border: none !important; }
.etab.type2 button { background: url(../images/sub/type2-btn-off.png) no-repeat; background-size: 100% 100%; border-right: none !important; color: #fff; font-weight: 600; }
.etab.type2 button.on { background: url(../images/sub/type2-btn-on.png) no-repeat; background-size: 100% 100%; color: #fff !important; border-bottom: none !important; }
.etab.type2 button span { padding-right: 1.5em; background: url(../images/main/icon_default.png) no-repeat right center; background-size: auto 100%; }
.etab button { height: 100%; float: left; border-right: 1px solid #ddd; }
.etab button.on { color: #ec3333; border-bottom: 3px solid #ec3333; }
.etab button:last-child { border-right: 0; }
.etab:after { content: ''; display: block; clear: both; }
.etab.tab-2 button { width: 50%; }
.etab.tab-3 button { width: 33.3%; }

.depth2box { margin-top: 3em; }

.case-intro-box li { width: 48%; margin: 1%; position: relative; }
.case-intro-box li .textbox { position: absolute; left: 0em; top: 0em; width: 100%; padding: 1.5em 1em 0.5em; background: #31659e; box-sizing: border-box; }
.case-intro-box li .textbox h3 { font-size: 18px; color: #ffefa4; }
.case-intro-box li .textbox p { margin-top: .5em; color: #fff; line-height: 1.3em; font-size: 11px; word-break: break-all; }
.case-intro-box li img { width: 100%; }

.content.page2 p { margin-top: 1em; line-height: 24px; word-break: keep-all; }
.content.page2 p span { vertical-align: baseline; }
.content.page2 .imgbox { padding: 2em; text-align: center; }
.content.page2 .sign { margin-top: 2em; margin-bottom: 2em; font-size: 1.2rem; }
.content.page2 .sign h3 { font-size: 2rem; margin-top: .5em; }

.content.page3 .imgbox { margin-top: 2.5em; }
.content.page3 .history-ul li { margin-top: 3em; }
.content.page3 .history-ul li h3 { font-size: 22px; letter-spacing: -0.06em; line-height: 0.8em; color: #676767; }
.content.page3 .history-ul li h3 span { font-size: 1rem; letter-spacing: 0; display: inline-block; margin-left: 1em; }
.content.page3 .history-ul li ul.depth { margin-top: 1em; }
.content.page3 .history-ul li ul.depth li { margin-top: 0; line-height: 1.3em; color: #676767; position: relative; padding-left: .5em; }
.content.page3 .history-ul li ul.depth li:after { content: ''; position: absolute; left: 0; top: .5em; width: 3px; height: 3px; display: inline-block; background: #676767; }

.map .framebox { margin: 2em 0; width: 100%; height: 300px; }
.map .framebox iframe { width: 100%; height: 100%; }

.color1 { color: #006afe; }

.color2 { color: #ec3333; }

.visual { background: url(../images/sub/sub-visual.png) no-repeat center; background-size: cover; }
.visual h2 { padding: 2em 0; color: #fff; text-align: center; font-size: 24px; }
.visual h2 span { font-size: 18px; font-weight: 400; }

.sub-list { margin-bottom: 2em; }
.sub-list li { width: 50%; text-align: center; }
.sub-list li a { padding: 10px 0; display: inline-block; font-size: 18px; background: #fff; color: #333; width: 100%; height: 60px; line-height: 40px; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; }
.sub-list li a.active { background: #ec3333; color: #fff; }
.sub-list li a.l2 { line-height: 20px; }
.sub-list li:nth-child(2n) a { border-right: 0; }

.location { padding: 0 5px; margin-bottom: 1em; }
.location li a { padding: 0 .5em; }

.Character h2 { font-size: 20px; margin-bottom: .5em; }
.Character h2:nth-child(n) { margin-top: 1.5em; }
.Character h2:first-child { margin-top: 0; }
.Character li { padding: 1.5em 1em; box-sizing: border-box; }
.Character li .imgbox:nth-child(n +2) { margin-top: 1em; }
.Character li:nth-child(even) { background: #e2e2e2; }
.Character li:nth-child(odd) { background: #f6f6f6; }
.Character li h3 { color: #ec3333; font-size: 18px; margin-bottom: 1em; }
.Character li h3:nth-child(n+2) { margin-top: 1em; }
.Character li .imgbox { margin-bottom: .5em; }
.Character li p { line-height: 14px; color: #666; line-height: 1.3em; }
.Character li p strong { line-height: 1.3em; font-size: 15px; margin-bottom: .3em; display: block; }

.titleimg-text { background: #4973a3; padding: 0 1em 2em; }
.titleimg-text h3 { color: #ffefa4; font-size: 20px; line-height: 1.5em; }
.titleimg-text p { color: #fff; font-size: 14px; line-height: 1.3em; margin-top: .5em; }

.detail-picture { margin-bottom: 2em; }
.detail-picture .big { margin-bottom: .5em; }
.detail-picture .small:after { content: ''; display: block; clear: both; }
.detail-picture .small li { width: 33.3%; float: left; padding: .2em; box-sizing: border-box; }

.rental .cont .ctitle { color: #064b97; font-size: 1.3rem; }
.rental .cont p { color: #666666; letter-spacing: -0.075em; font-size: 1rem; margin-top: 1em; line-height: 1.3rem; }
.rental .cont .last-text { margin-top: 1em; text-align: center; color: #064b97; font-size: 1.3rem; line-height: 1.5em; }
.rental .cont .benefit { margin-top: 2em; }
.rental .cont .benefit h3 { color: #ec3333; font-size: 1.5rem; margin-bottom: 1em; }
.rental .cont .benefit ul { background: #e2e2e2; padding: 1em; }
.rental .cont .benefit ul li { padding-left: 1em; position: relative; margin-bottom: 1em; line-height: 1.3em; }
.rental .cont .benefit ul li:after { content: ''; display: block; width: 3px; height: 3px; background: #333; position: absolute; left: 0; top: .5em; border-radius: 50%; }

.maintenance .imgbox { text-align: center; }
.maintenance .imgbox img { max-width: 40%; }
.maintenance p { margin-top: 2em; font-size: 1rem; color: #666666; line-height: 1.3em; }
.maintenance .number { margin: 1em 0; font-size: 1.3rem; line-height: 2em; padding: 0 1em; background: #d9d9d9; color: #666; }
.maintenance ul li { position: relative; padding-bottom: 33.3%; box-sizing: border-box; width: 33.3%; background: url(../images/sub/service-list.png) no-repeat center; background-size: 100% 100%; margin: .5em 0; }
.maintenance ul li span { color: #fff; position: absolute; width: 100%; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); text-align: center; padding: 0 2em 0 1em; box-sizing: border-box; }

.component p { font-size: 1.3rem; line-height: 1.3em; }
.component p strong { vertical-align: baseline; color: #ec3333; }
.component .number { margin: 1em 0; font-size: 1.3rem; line-height: 2em; padding: 0 1em; background: #2f4ca0; color: #fff; margin-bottom: 1em; }

.used .table.item-list { border-top: 2px solid #cbcbcb; }
.used th { line-height: 40px; background: #f6f6f6; border-bottom: 1px solid #cbcbcb; }
.used td { padding: .5em; vertical-align:top;}
.used td img { max-width: 100%; }
.used td li { padding-left: 5em; box-sizing: border-box; line-height: 1.5em; position: relative; font-size:0.9rem;word-break:break-all;}
.used td li span { color: #666666; position: absolute; left: 0; top: 0; line-height: 1.5em; }
.used .etc { border-top: 1px dashed #ccc; border-bottom: 1px solid #ccc; }
.used .etc span { line-height: 1.5em; margin: 0 .5em; }
.pager { margin-top: 2em; text-align: center; }
.pager ul { display: inline-block; }
.pager ul li { margin: 0 .5em; }
.pager ul li a { font-size: 1.3rem; }
.pager ul li a.on { color: #f00; }

.searchbox { margin-bottom: 1em; background: #fff; border: 1px solid #c6c6c6; position: relative; }
.searchbox input { line-height: 40px; padding: 0 1em; width: 80%; }
.searchbox button { position: absolute; right: 1em; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/sub/search-img.png) no-repeat center; background-size: 100% 100%; }

/*# sourceMappingURL=style.css.map */


.sliderbutton img { cursor: pointer }
.big_img{display:block;float:left;width:100%;text-align:center;border:5px solid #efefef;box-sizing:border-box;}
.big_img img{width:100%;}
#slider { padding: 0;float: left; position: relative; width:100%; height: 449px; border:25px solid #efefef;margin: 0; }
#slider ul { position: absolute; list-style: none; width: 100%; height: 449px;margin: 0; }
#slider li { float: left; height: 449px;padding:0;margin:0}
.pagination { clear:both;float:left;display:block;  width:100%;margin:0 0 20PX 0!important}
.pagination li { overflow: hidden;float: left; cursor: pointer; border:5px solid #efefef;width:25%;box-sizing:border-box;}
.board-detail {border-top:1px solid #333;border-bottom:1px solid #333;}
.board-detail th,
.board-detail td{border-bottom:1px solid #ddd;}
.btn-area {text-align:center;margin-top:2em;}
.btn-area a{display:inline-block;margin:0 .5em;padding:1em 2em;background:#354a86;color:#fff;}


.board{border-top:2px solid #333;}
.board th{border-bottom:1px solid #333;font-weight:400;padding:1em 0;}
.board td{line-height:15px;height:40px;text-align:center;font-size:14px;border-bottom:1px solid #ddd;word-break: break-all;}
.board td a{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.board td .input{width:calc(100% - 2em);margin:0 1em;padding:.5em 0;}
.board td .input input{line-height:35px;width:100%;padding:0 1em;border:1px solid #ccc;box-sizing:border-box;}
.board td .input textarea{width:100%;height:100px;resize:none;padding:1em;line-height:1.3em;border:1px solid #ccc;box-sizing:border-box;}
.board td .input select{line-height:35px;width:100%;padding:0 1em;box-sizing:border-box;border:1px solid #ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


.board.type2 th{border-bottom:0;background:#eee;text-align:left;padding:1em .5em;}
.board.type2 td,
.board.type2 th{border-bottom:1px solid #ddd;}


.board-area table th{line-height:40px;background:#eee;font-weight:400;}
.board-area table td{padding:0 1em;line-height:1.5em;}
.board-area table td .editor{padding:1em 0;min-height:200px;line-height:1.3em;font-family: Dotum,'돋움', Gulim, Helvetica,"Apple SD Gothic Neo",sans-serif !important;word-break:break-all;}
.board-area table td .editor img{max-width:100%;}




/*로고변경*/
.header .logo img { height: 24px;margin:5px 0;}



.sub--nav--wrapper{margin-bottom:1.5rem;}
.sub--nav--wrapper .sub--nav--list{display:flex; flex-flow:row wrap;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item{width:50%;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item:nth-child(2n+1):last-child{width:100%;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item .sub--nav--btn{display:block; width:100%; text-align:center; border:1px solid #c6c6c6; padding:0.8rem 1rem; box-sizing:border-box; font-size:16px; color:#333;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item:nth-child(2n) .sub--nav--btn{border-left:0;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item:nth-child(2n) ~ .sub--nav--item .sub--nav--btn{border-top:0;}
.sub--nav--wrapper .sub--nav--list .sub--nav--item .sub--nav--btn.active{background-color:#ec3333; color:#fff;}

.tab--group{padding:0 10px; margin:1rem 0; display:flex; flex-flow:row wrap;}
.tab--group .tab--item{display:block; width:50%; text-align:center; padding:0.6rem; font-size:14px; color:#aaa; background-color:#eee; border:1px solid #ddd; box-sizing:border-box;}
.tab--group .tab--item:nth-child(2n+1):last-child{width:100%;}
.tab--group .tab--item:nth-child(2n){border-left:0;}
.tab--group .tab--item:nth-child(2n) ~ .tab--item{border-top:0;}
.tab--group .tab--item.active{color:#fff; background-color:#555; border-color:#555;}

.product--item--list{margin:20px 0;}
.product--item--list .product--item{margin-bottom:40px;}
.product--item--list .product--item:last-child{margin-bottom:0;}
.product--item--list .product--item .product--img--wrap{text-align:center;}
.product--item--list .product--item .product--img--wrap .product--img--inn{display:inline-block; border:1px solid #ddd; margin-bottom:1rem; max-width:100%;}
.product--item--list .product--item .product--img--wrap .product--img--inn img{width:100%; margin:auto;}

.product--item--list .product--item .product--txt--title{font-size:18px; font-weight:700; margin-bottom:0.6rem;}
.product--item--list .product--item .product--txt--btn{display:inline-block; padding:0.6rem 1rem; color:#fff; background-color:#ec3333;}


.product--info--wrap{margin-top:40px; overflow:auto;}
.product--info--wrap .product--info--tbl{width:100%; table-layout:auto;}
.product--info--wrap .product--info--tbl caption{font-size:18px; font-weight:700; margin-bottom:10px; color:#333; text-align:left}
.product--info--wrap .product--info--tbl th{font-weight:700;}
.product--info--wrap .product--info--tbl th,
.product--info--wrap .product--info--tbl td{text-align:center; padding:8px; background-color:transparent; border:1px solid #ccc; word-break:keep-all;}
.product--info--wrap .product--info--tbl thead tr{background-color:#f1f1f1;}
.product--info--wrap .product--info--tbl thead tr ~ tr{background-color:#e6e6e6;}