@charset "utf-8";
/*
================================================
Intro
================================================
*/
.mi_bg_item { position: relative; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; outline: none; }
.mi_bg_item::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4; }
.main_footer { height: 260px; }
.main_img { display: block; width: 100%; top: 0; left: 0; right: 0; bottom: 0; position: fixed; background-image: url(../images/main/main-bg.jpg); }
.main_intro { width: 100%; height: 100%; letter-spacing: 0.05em;}
.main_intro .swiper-container { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.main_intro .swiper-container .swiper-slide { width: 100%; height: 100%; opacity: 0 !important; }
.main_intro .swiper-container .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 45%; margin-bottom: -90px; right: 70px; left: auto; width: auto;}
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 40px; height: 40px; background-color: #070d33; opacity: 0.8; margin: 17px 0; display: block;transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(1) { background-image: url(../images/main/pag-1.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(2) { background-image: url(../images/main/pag-2.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(3) { background-image: url(../images/main/pag-3.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(4) { background-image: url(../images/main/pag-4.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:nth-child(5) { background-image: url(../images/main/pag-5.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(1) { background-image: url(../images/main/act-pag-1.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(2) { background-image: url(../images/main/act-pag-2.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(3) { background-image: url(../images/main/act-pag-3.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(4) { background-image: url(../images/main/act-pag-4.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active:nth-child(5) { background-image: url(../images/main/act-pag-5.png); }
.main_intro .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background-color: #fff; opacity: 1; }
.main_intro .swiper-button-prev,.main_intro .swiper-button-next { position: absolute; top: 77%; border: 2px solid #fff; border-radius: 31px; width: 55px; height: 55px; margin-top: -30px;z-index: 10; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 55px 55px;}
.main_intro .swiper-button-next { background-image: url(../images/main/next.png); left: auto;right: 20%;}
.main_intro .swiper-button-prev {background-image: url(../images/main/prev.png); left: auto; right: calc(20% + 90px);}
.main_intro .swiper-container .intro_title { position: absolute; top: 25%; left: 10%; color: #fff; opacity: 0; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all .4s .4s ease-in-out; -webkit-transition: all .4s .4s ease-in-out; }
.main_intro .swiper-container .swiper-slide-active  .intro_title { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
.main_intro .swiper-container .intro_title .intro_sub_txt { margin-bottom: 20px; font-size: 20px; }
.main_intro .swiper-container .intro_title .intro_main_txt { font-size: 64px; font-weight: 600; letter-spacing: 0.15em;}
.main_intro .swiper-container .intro_title .cont_main_tit { font-size: 48px; font-weight: 500; letter-spacing: 0.15em; }
.main_intro .swiper-container .intro_title .cont_main_txt { margin-top: 20px; font-size: 16px; line-height: 28px; font-weight: 300; }
.main_intro .swiper-container .intro_title .cont_main_btn a { cursor: pointer; display: inline-block; margin-top: 50px; text-align: center; font-weight: 600; font-size: 17px; width: 180px; line-height: 45px; height: 45px; border-radius: 22.5px; border: 2px solid #fff; }
.main_intro .swiper-container .main_cont3 .intro_title, .main_intro .swiper-container .main_cont4 .intro_title { text-align: right; left: auto; right: 15%; color: #010522; }
.main_intro .swiper-container .main_cont3 .intro_title .cont_main_btn a, .main_intro .swiper-container .main_cont4 .intro_title .cont_main_btn a { border-color: #010522; background: #fff; }
.main_intro .intro_scroll { position: absolute; bottom: 0; left: 50%; width: 1px; height: 100px; background: #fff; }
.main_intro .swiper-container .swiper-slide.main_cont_img::before { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4;}
.main_intro .swiper-container .swiper-slide.main_cont_img { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; outline: none; background-position: center; background-repeat: no-repeat; }
.main_intro .swiper-container .swiper-slide.main_cont1 { background-image: url(../images/main/main-cont-1.png) }
.main_intro .swiper-container .swiper-slide.main_cont2 { background-image: url(../images/main/main-cont-2.png) }
.main_intro .swiper-container .swiper-slide.main_cont3 { background-image: url(../images/main/main-cont-3.png) }
.main_intro .swiper-container .swiper-slide.main_cont3.main_cont_img::before, .main_intro .swiper-container .swiper-slide.main_cont4.main_cont_img::before { opacity: 0; background-color: rgba(0, 0, 0, 0); background-size: 1550px; background-position: center bottom; background-repeat: no-repeat; transform: translateY(20px); -webkit-transform: translateY(20px); transition: all .4s .1s ease-in-out; -webkit-transition: all .4s .1s ease-in-out; }
.main_intro .swiper-container .swiper-slide-active.swiper-slide.main_cont3.main_cont_img::before, .main_intro .swiper-container .swiper-slide-active.swiper-slide.main_cont4.main_cont_img::before { opacity: 1; transform: translateY(0); -webkit-transform: translateY(0);}
@media screen and (max-height: 1000px) { .main_intro .swiper-container .swiper-slide.main_cont3.main_cont_img::before, .main_intro .swiper-container .swiper-slide.main_cont4.main_cont_img::before { background-size: 1300px; } }
.main_intro .swiper-container .swiper-slide.main_cont3.main_cont_img::before { background-image: url(../images/main/main-cont-3-2.png); }
.main_intro .swiper-container .swiper-slide.main_cont4.main_cont_img::before { background-image: url(../images/main/main-cont-4-2.png); }
.main_intro .swiper-container .swiper-slide.main_cont4 { background-image: url(../images/main/main-cont-4.png) }
.main_busin { position: relative; width: 880px; margin: 0 auto; } 
.main_busin dl { position: relative; box-sizing: border-box; text-align: left;}
.main_busin dl dt, .main_busin dl dd { position: relative; float: left; width: 200px; height: 200px; margin: 10px; color: #fff; }
.main_busin dl dt.square .intro_bus_sub { font-size: 17px; margin-bottom: 5px; }
.main_busin dl dt.square .intro_bus_tit { font-size: 40px; margin-bottom: 10px; }
.main_busin dl dt.square .intro_bus_txt { font-size: 12px; margin-bottom: 5px; }
.main_busin dl dd { box-sizing: border-box; border: 1px solid #fff; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }
.main_busin dl dd:hover { border: 1px solid #010a43; background-color: rgba(1, 10, 67, 0.8); }
.main_busin dl dd a { display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 20px 0 20px 20px; }
.main_busin dl dd::after { content: ""; position: absolute; width: 40px; height: 40px; bottom: 15px; right: 15px; background-repeat: no-repeat; background-position: center center; }
.main_busin dl dd.bus_manu1::after { background-image: url(../images/main/busi-1.png); }
.main_busin dl dd.bus_manu2::after { background-image: url(../images/main/busi-2.png); }
.main_busin dl dd.bus_manu3::after { background-image: url(../images/main/busi-3.png); }
.main_busin dl dd.bus_manu4::after { background-image: url(../images/main/busi-4.png); }
.main_busin dl dd.bus_manu5::after { background-image: url(../images/main/busi-5.png); }
.main_busin dl dd.bus_manu6::after { background-image: url(../images/main/busi-6.png); }
.main_busin dl dd.bus_manu7::after { background-image: url(../images/main/busi-7.png); }
.main_busin dl dt, .main_busin dl dd a { color: #fff; font-size: 20px; }

.main_perf_img { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 55%; background-image: url(../images/main/perf-bg.jpg) ; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover; }
.main_perf_img::after { content: ""; position: absolute; width: 100%; height: 100%; background-color: #000; opacity: 0.4; }
.main_performance { position: relative; width: 100%; height: 100%; }
.main_perf_cont { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 45%; background: #fff; }
.main_perf_cont .main_perf_tit { position: absolute; top: -65%; left: 0; right: 0; width: 100%; color: #fff; }
.main_perf_cont .main_perf_tit .perf_tit_box { width: 1000px; margin: 0 auto; }
.main_perf_cont .main_perf_tit .intro_perf_sub { font-size: 17px; margin-bottom: 5px; }
.main_perf_cont .main_perf_tit .intro_perf_tit { font-size: 40px; margin-bottom: 10px; }
.main_perf_cont .bx-wrapper { width: 1000px; z-index: 100; background: none; margin: 0 auto; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; }
.main_perf_cont .bx-wrapper .bx-viewport { top: -150px; }
.main_perf_cont .bx-wrapper .bx-controls { position: absolute; top: 0; right: 0; height: 300px; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-direction { position: absolute; bottom:25px; right: 24px; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-direction a { position: relative; display: block; top: auto; left: 0; right: 0; margin-top: 10px; width: 50px; height: 50px; border: 1px solid #fff;}
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev { background: url(../images/main/pref-pv.png) no-repeat center center; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-direction a.bx-next { background: url(../images/main/pref-nt.png) no-repeat center center; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto { bottom: 5px; left: -375px; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item {display: inline;}
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a { display: inline-block; width: 20px; height: 20px; margin: 0; opacity: 0.7; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -moz-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; -o-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s;-ms-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a:hover {opacity: 1;}
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.active { display: none; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start { background: url(../images/main/pref-st.png) no-repeat center center; }
.main_perf_cont .bx-wrapper .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop { background: url(../images/main/pref-sp.png) no-repeat center center; }
.main_perf_cont .main_perf_back { position: relative; width: 1000px; margin: 0 auto; z-index: 10; }
.main_perf_cont .main_perf_back .perf_back_box { position: absolute; top: 0px; right: 0px; z-index: -1; width: 400px; height: 320px; background-color: #0b1e51; }
.main_perf_cont .main_perf_back .perf_back_box::after { content:""; position: absolute; top: -150px; right: 100px; z-index: 10; width: 400px; height: 400px; background-color: #d6dfe6;  }
.main_perf_cont .bxslider .perf_box { position: relative; width: 100%; }
.main_perf_cont .bxslider .perf_box .perf_bus_tit { position: relative; width: 50%; float: left; margin-top: 111px; padding: 0 20px 20px 0; box-sizing: border-box; }
.main_perf_cont .bxslider .perf_box .perf_bus_tit .perf_date { font-size: 45px; line-height: 45px; color: #fff; }
.main_perf_cont .bxslider .perf_box .perf_bus_tit .perf_txt { margin-top: 20px; font-size: 30px; line-height: 35px; color: #0b1e51; }
.main_perf_cont .bxslider .perf_box .perf_bus_tit .perf_btn_box { margin-top: 70px; }
.main_perf_cont .bxslider .perf_box .perf_bus_tit .perf_btn_box .perf_btn { display: inline-block; padding: 0 125px 0 25px; border-radius: 25px; line-height: 50px; border: 1px solid #0b1e51; font-size: 25px; font-weight: 500; color: #0b1e51; background: url(../images/main/perf-btn.png) no-repeat center right; }
.main_perf_cont .bxslider .perf_box .perf_bus_img { width: 400px; height: 400px; overflow: hidden; margin-right: 100px; box-sizing: border-box; float: right; background: url(../images/main/perf-img.jpg) no-repeat left center; }
.main_perf_cont .bxslider .perf_box .perf_bus_img>img { height: 400px; width: auto; }



/*
================================================
User
================================================
*/
.board.admin_user ul li span:nth-child(1) { width: 60px; }
.board.admin_user ul li span:nth-child(2) { width: 60px; padding: 20px 0; text-align: center; }
.board.admin_user ul li span:nth-child(3) { width: 150px; }
.board.admin_user ul li span:nth-child(4) { box-sizing: border-box; padding: 20px; width: calc(100% - 690px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board.admin_user ul li span:nth-child(5) { width: 120px; }
.board.admin_user ul li span:nth-child(6) { box-sizing: border-box; padding: 20px; width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.board.admin_user ul li span:nth-child(7) { width: 100px; }
.board.admin_user ul li span.us_adm { color: #05ad8e; }
.board.admin_user ul li span.use { color: #2d80c6; }
.board.admin_user ul li span.un_use { color: #d1392b; }
.board.admin_user ul li span label.control_checkbox {width: 18px; margin: 0 auto;}

.view_edit.admin_user .edit_layout dl dd {border-right: 1px solid #777;}
.view_edit.admin_user .edit_layout dl dd:last-child {border-right: none;}
.view_edit.admin_user .edit_layout dl .edit_non {border-right: none;}

/*
================================================
Company - Histore -
================================================
*/
.history { position: relative; box-sizing: border-box; width: 100%; margin-bottom: 60px; }
.history .history_tit { padding: 120px 0 20px; font-family: 'NanumSquare', sans-serif; font-size: 25px; color: #010a43; }
.history .history_tit p { text-align: center;}
.history .history_tit::before { position: absolute; top: 0; left: 50%;; content: ""; width: 1px; height: 80px; background: #05314a;  }
.history .history_time { position: relative; box-sizing: border-box; margin-top: 100px; padding: 0 40px; width: 100%; }
.history .history_time dl { position: relative; font-family: 'NanumSquare', sans-serif; }
.history .history_time dl::before { position: absolute; content: ""; width: 1px; height: 100%; background: #05314a; top: 60px; left: 303px; }
.history .history_time dl dt { margin-bottom: -32px; width: 280px; line-height: 70px; position: relative; font-size: 70px; color: #05314a; font-weight: 700; }
.history .history_time dl dt::before { position: absolute; content: ""; bottom: 10px; left: 4px; width: 300px; height: 3px; background: #05314a; }
.history .history_time dl dd { position: relative; padding-left: 380px; padding-bottom: 30px; }
.history .history_time dl dd::after { position: absolute; top: 15px; left: 297.5px; content: ""; width: 6px; height: 6px; background: #fff; border: 3px solid #05314a; transform: rotate( 45deg ); }
.history .history_time dl dd span { display: block; width: 50px; position: absolute; top: 0; left: 335px; font-size: 30px; color: #2d80c6; font-family: 'NanumSquare', sans-serif; }
.history .history_time dl dd p { font-family: 'Noto Sans KR', sans-serif; padding: 0 10px; font-size: 17px; line-height: 40px; color: #666; }
.history.history_fix .history_time dl dt input { margin-bottom: 20px;; }
.history.history_fix .history_time dl dd span { font-size: 27px; }
.history.history_fix .history_time dl dd span select { text-indent: 5px; }
.history.history_fix .history_time dl dd textarea { resize: none; }
.history_fix .title {position: relative; font-size: 17px; color: #3b3b3b; margin-bottom: 10px; padding-left: 25px; }
.history_fix .title::before {position: absolute; left: 0; display: inline-block; content: ""; width: 20px; height: 1px; background-color: #3b3b3b; vertical-align: top;  }
.history_fix .history_add { position: relative; background: #f2f4f7; padding: 25px; }
.history_fix .history_add .history_input { position: relative; height: 120px; }
.history_fix .history_add .input-date { width: 150px; float: left; }
.history_fix .history_add .input-date input, .history_fix .history_add .input-date select { width: 100%; height: 30px; line-height: 30px; margin: 5px 0; }
.history_fix .history_add .input-txt { box-sizing: border-box; width: calc(100% - 250px); float: left; padding: 5px 10px; }
.history_fix .history_add .input-txt textarea { height: 110px; overflow: auto; resize: none; }
.history_fix .history_add .input-txt .text_count { font-family: 'NanumSquare', sans-serif; font-size: 17px; text-align: right; padding: 5px; }
.history_fix .history_add .input-btn { width: 100px; height: 110px; margin: 5px 0; float: left; background: #3a66cf; color: #fff; text-align: center;}
/*
================================================
Company - CEO -
================================================
*/
.ceo { position: relative; box-sizing: border-box; width: 100%; margin-bottom: 60px; }
.ceo .ceo_txt { padding: 20px; box-sizing: border-box; position: relative; font-size: 20px; line-height: 28px; }
.ceo .ceo_txt .ceo_tit_txt { margin-top: 100px; color: #05314a; padding-bottom: 30px; width: 100%; }
.ceo .ceo_txt .ceo_tit_txt::before { position: absolute; content: ""; top: 10px; left: 50%; width: 1px; height: 50px; background: #05314a; }
.ceo .ceo_txt .ceo_main_txt { padding-left: 400px; font-size: 15px; background: url(../images/company/ceo.png) no-repeat top left; }
.ceo .ceo_txt .ceo_main_txt p { color: #222; padding-bottom: 20px; }
.ceo .ceo_txt .ceo_peo { margin-top: 40px; text-align: right; color: #05314a; font-size: 19px; }
/*
================================================
Company - Organization -
================================================
*/
.organ_add { position: relative; background: #f2f4f7; padding: 25px; }
.organ_add .title {position: relative; font-size: 17px; color: #3b3b3b; margin-bottom: 30px; padding-left: 25px; }
.organ_add .title::before {position: absolute; left: 0; display: inline-block; content: ""; width: 20px; height: 1px; background-color: #3b3b3b; vertical-align: top;  }
.organ_add .history_input { position: relative; height: 120px; }
/*
================================================
Company - Licence -
================================================
*/
.licence { position: relative; box-sizing: border-box; width: 100%;}
.licence .licence-list { position: relative; box-sizing: border-box; width: 100%; }
.licence .licence-list ul { overflow: hidden; width: 100%; border-top: 2px solid #05314a;}
.licence .licence-list ul li { float: left; box-sizing: border-box; padding: 30px; border-bottom: 1px solid #ddd; width: 25%; height: 430px; }
.licence .licence-list ul li .licence-img { box-sizing: border-box; width: 100%; border: 1px solid #ddd; }
.licence .licence-list ul li p { font-size: 16px; padding: 15px 0 10px; text-align: center; }
.licence .licence-list ul li .licence-img img{ width: 100%;}
/*
================================================
Company - Location -
================================================
*/
.location { position: relative; box-sizing: border-box; width: 100%; }
.location .cus_tabs { width: 100%; text-align: center; font-size: 17px; font-weight: 700; margin: 10px 0 50px; border-bottom: 1px solid #014099; }
.location .cus_tabs .tab-link { width: 200px; padding: 25px; }
.location .cus_tabs .tab-link.active { position: relative; background: none; color: #014099; }
.location .cus_tabs .tab-link.active::after { content: ""; position: absolute; overflow: hidden; bottom: -3px; width: 6px; height: 6px; left: 50%; margin-left: -3px; background-color: #014099; }
.location .tab-content { position: relative; box-sizing: border-box; width: 100%; padding: 25px; background: none;}
.location .tab-content .loc_tit { width: 100%; text-align: center; margin: 0 0 30px; font-size: 35px; }
.location .loc_box .loc_cont_txt { text-align: center; font-size: 20px; margin-bottom: 40px; }
.location .loc_box .loc_cont_txt .loc_txt { color: #010a43; margin-bottom: 20px; }
.location .loc_box .loc_cont_txt .loc_sub { text-align: center; font-size: 17px; margin-bottom: 10px; }
.location .loc_box .loc_cont_txt .loc_sub dt, .location .loc_box .loc_cont_txt .loc_sub dd {display: inline-block}
.location .loc_box .loc_cont_txt .loc_sub dt { position: relative; margin-right: 10px; padding-right: 10px; }
.location .loc_box .loc_cont_txt .loc_sub dt::after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 14px; background: #ddd; }
.location .loc_box .map {width: 100%; height: 500px; border: 0.1rem solid #e9e9e9;}
.location .loc_box .loc_vis { margin-top: 30px; }
.location .loc_box .loc_vis .loc_vis_tit {text-align: center; font-size: 28px; padding: 20px;}
.location .loc_box .loc_vis .loc_vis_txt { border-top: 0.1rem solid #e9e9e9; padding: 20px; }
.location .loc_box .loc_vis_txt dl { text-align: center; font-size: 17px; margin-bottom: 10px; }
.location .loc_box .loc_vis_txt dl dt, .location .loc_box .loc_vis_txt dl dd {display: inline-block}
.location .loc_box .loc_vis_txt dl dt { position: relative; margin-right: 10px; padding-right: 10px; }
.location .loc_box .loc_vis_txt dl dt::after { content: ""; position: absolute; right: 0; top: 50%; margin-top: -8px; width: 1px; height: 14px; background: #ddd; }
.location .loc_box .loc_vis_txt em { font-style: normal; font-size: 15px; padding: 2px 13px; margin-right: 10px; height: 26px; border-radius: 15px; color: #fff; text-align: center; font-weight: 500;  }
.location .loc_box .loc_vis_txt em.sub-1 { background-color: #7cc4a5 }
.location .loc_box .loc_vis_txt em.sub-2 { background-color: #0f4c9f }
.location .loc_box .loc_vis_txt em.sub-3 { background-color: #8936e0 }
/*
================================================
Business - Domian -
================================================
*/
.domain { position: relative; box-sizing: border-box; width: 100%; }
.domain .domain_tab { position: relative; box-sizing: border-box; width: 100%; text-align: center; margin: 10px 0 50px; border: 1px solid #ddd;}
.domain .domain_tab .domain_tab_box { box-sizing: border-box; display: flex; flex: 1; border-bottom: 1px solid #ddd; }
.domain .domain_tab .domain_tab_box.last { border: none; }
.domain .domain_tab .domain_tab_box a { cursor: pointer; display: flex; flex-grow: 1; height: 58px; line-height: 58px; align-items: center; letter-spacing: 1.1px; justify-content: center; color: #666; font-family: 'NanumSquare', sans-serif; font-weight: 600; font-size: 18px; }
.domain .domain_tab .domain_tab_box a.domain_on { background: #023671; color: #fff; }
.domain .domain_cont { position: relative; box-sizing: border-box; width: 100%; padding: 25px 0; }
.domain .domain_tit { display: flex; flex-direction: row; justify-content: space-between; width: 100%; text-align: center; margin: 0 0 150px; font-size: 35px; }
.domain .domain_tit p { line-height: 50px; }
.domain .domain_tit .domain_nav { position: relative; width: 300px; font-size: 17px; line-height: 50px; }
.domain .domain_tit .domain_nav a { cursor: pointer;}
.domain .domain_tit .domain_nav.domain_right { text-align: left; }
.domain .domain_tit .domain_nav.domain_left { text-align: right; }
.domain .domain_tit .domain_nav.domain_right a { text-align: left; padding-left: 70px; }
.domain .domain_tit .domain_nav.domain_left a { text-align: right; padding-right: 70px; }
.domain .domain_tit .domain_right a::before { content: ""; position: absolute; left: 0; top: 50%; width: 50px; height: 1px; background: #222; }
.domain .domain_tit .domain_left a::before { content: ""; position: absolute; right: 0; top: 50%; width: 50px; height: 1px; background: #222; }
.domain .domain_main_txt {text-align: center;font-size: 22px; line-height: 32px; color: #010a43; margin: 75px 0; font-weight: 300;}
.domain .domain_tp_1 { display: flex;font-size: 17px; line-height: 31px; padding-bottom: 100px; color: #555; }
.domain .domain_img_1 { width: 530px; height: 350px; overflow: hidden; padding: 0px; margin-right: 70px; margin-top: auto; margin-bottom: auto; }
.domain .domain_img_1 img { width: 100%; overflow: hidden; }
.domain .domain_txt_1 { width: 600px; }
.domain .domain_txt_fi { margin-bottom: 30px; }
.domain .domain_txt_1 .domain_sub_1 { color: #05314a; font-size: 20px; margin-bottom: 10px; }
.domain .domain_txt_1 .domain_tit_1 { color: #05314a; font-size: 24px;line-height: 44px; padding-bottom: 24px;}
.domain .domain_tp_2 { display: flex;font-size: 17px; line-height: 31px; padding-bottom: 100px; color: #555; }
.domain .domain_img_2 { width: 530px; height: 350px; overflow: hidden; padding: 0px; margin-left: 70px; margin-top: auto; margin-bottom: auto; }
.domain .domain_img_2 img { width: 100%; overflow: hidden; }
.domain .domain_txt_2 { width: 600px; }
.domain .domain_txt_2 .domain_tit_2 { color: #05314a; font-size: 24px;line-height: 44px; padding-bottom: 30px;}
.domain .domain_txt_2 .domain_sub_1 { color: #05314a; font-size: 20px; margin-bottom: 10px; }
.domain .domain_txt_2 .domain_tit_1 { color: #05314a; font-size: 24px;line-height: 44px; padding-bottom: 24px;}
/*
================================================
Business - Equipment -
================================================
*/
.equip { position: relative; box-sizing: border-box; width: 100%; }
.equip .equip_list { border-top: 2px solid #05314a; position: relative; box-sizing: border-box; width: 100%; margin-bottom: 15px; }
.equip .equip_list dl { border-bottom: 1px solid #ddd; position: relative; box-sizing: border-box; width: 100%; margin-bottom: 15px; }
.equip .equip_list dl dt { color: #05314a; font-size: 24px; line-height: 44px; padding-top: 5px; padding-bottom: 24px; }
.equip .equip_list dl dd { width: 100%; }
.equip .equip_list dl dd { width: 100%; display: flex; }
.equip .equip_list dl dd .equip_item { float: left; text-align: center; box-sizing: border-box;padding: 30px;  width: 33.333%; cursor: pointer; }
.equip .equip_list dl dd .equip_item .equip_img { box-sizing: border-box; width: 100%; height: 300px; border: 1px solid #ddd; line-height: 300px; }
.equip .equip_list dl dd .equip_item .equip_img > img { max-width: 99%; top: 0; bottom: 0; left: 0; right: 0; }
.equip .equip_list dl dd .equip_item .equip_txt { font-size: 16px; padding: 15px 0 10px; text-align: center; color: #777; }
.equip .equip_list dl dd .equip_item:hover .equip_img { border: 1px solid #05314a; }
.equip .equip_list dl dd .equip_item:hover .equip_txt { color: #05314a; }
.equip .equip_box { padding-top: 120px; width: 100%; display:flex;}
.equip .equip_box::before { position: absolute; content: "";top: 0px;left: 50%; width: 1px; height: 50px; background: #05314a;}
.equip .equip_box .equip_box_img { float: left; width: 300px; box-sizing: border-box; border: 1px solid #05314a; }
.equip .equip_box .equip_box_img img { width: 100%; height: auto; }
.equip .equip_box .equip_box_txt { float: left; width: 900px; box-sizing: border-box; padding-left: 50px; }
.equip .equip_box .equip_box_tit { padding: 0 0 15px; margin-bottom: 10px; border-bottom: 1px solid #e7e7e7; font-size: 30px; line-height: 36px; color: #2c2c2c; }
.equip .equip_box .equip_box_txt table tbody tr th { position: relative; text-align: left; padding: 5px 15px 3px 0; line-height: 25px; font-weight: 400; color: #2c2c2c; }
.equip .equip_box .equip_box_txt table tbody tr th::after { position: absolute; content: "";top: 9px; right: 14px; width: 1px; height: 16px; background: #05314a; }
.equip .equip_box .equip_box_txt table tbody tr td { padding: 5px 0 3px; line-height: 25px; color: #6c6c6c;}
.equip .equip_box .equip_box_txt table tbody tr td .equip_box_list { position: relative; padding-left:14px; }
.equip .equip_box .equip_box_txt table tbody tr td .equip_box_list::before { display: inline-block; content: ""; vertical-align: middle; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background:#05314a; border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
/*
================================================
Business - Partners -
================================================
*/
.partner .partner_top { position: relative; box-sizing: border-box; display: flex; width: 100%; margin-bottom: 100px; }
.partner .partner_top .partner_top_img { float: left; width: 400px; height: 400px; background: #f5f5f5; }
.partner .partner_top .partner_top_img img { width: 100%; overflow: hidden; }
.partner .partner_top .partner_top_box { position: relative; float: left; width: 800px; box-sizing: border-box; padding-top: 30px; padding-left: 70px; }
.partner .partner_top .partner_top_box::before { content: ""; width: 93px; height: 2px; background: #093968; position: absolute; left: -50px; top: 40px; }
.partner .partner_top .partner_top_box .partner_top_tit { font-size: 32px; color: #333; line-height: 54px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d1d1d1; }
.partner .partner_top .partner_top_box .partner_top_txt { width: 100%; }
.partner .partner_top .partner_top_box .partner_top_txt p { font-size: 18px; line-height: 38px; color: #141414; padding-left: 17px; position: relative; word-break: keep-all; }
.partner .partner_top .partner_top_box .partner_top_txt p::before { display: inline-block; content: ""; vertical-align: middle; position: absolute; top: 16px; left: 0; width: 4px; height: 4px;border: 2px solid #3498db; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.partner .partner_top .partner_top_box .partner_btn { margin-top: 100px; text-align: left; }
.partner .partner_top .partner_top_box .partner_btn .btn-cus { padding: 0 40px; line-height: 55px; font-size: 20px; }
.partner .partner_con { position: relative; box-sizing: border-box; width: 100%; }
.partner .partner_con .partner_con_top { position: relative; box-sizing: border-box; width: 100%; padding-top: 100px; padding-bottom: 40px; }
.partner .partner_con .partner_con_tit { text-align: center;font-size: 28px;margin-bottom: 50px;padding: 20px;border-bottom: 0.1rem solid #e9e9e9; }
.partner .partner_con .partner_con_top::before { position: absolute; content: ""; width: 1px; height: 50px; background: #093968; left: 50%; top: 20px; }
.partner .partner_con .partner_con_top .partner_con_tit { width: 100%; text-align: center; margin: 0 0 30px; font-size: 35px; box-sizing: border-box; }
.partner .partner_con .partner_con_img {width:100%; margin-bottom: 70px;}
.partner .partner_con .partner_con_img ul { height: 142px; }
.partner .partner_con .partner_con_img ul li{float:left; width:calc(20% - 1px); box-sizing: border-box; height: 70px; border:1px solid #e5e5e5; border-top:0; border-left:0; padding: 10px;}
.partner .partner_con .partner_con_img ul li.mal0{border-left:1px solid #e5e5e5;}
.partner .partner_con .partner_con_img ul li.top{border-top:1px solid #e5e5e5;}
.partner .partner_con .partner_con_img ul li img { width: 100%; vertical-align: middle; }
/*
================================================
Project - Current -
================================================
*/
.current.view_edit .edit_layout { margin-bottom: 30px; }
.current.view_edit .edit_layout dl dd { border-right: 1px solid #777;}
.current.view_edit .edit_layout dl dd:last-child {border-right: none;}
/*
================================================
Solutions - Map -
================================================
*/
.solu { position: relative; box-sizing: border-box; width: 100%; }
.solu .solu_top { position: relative; box-sizing: border-box; display: flex; width: 100%; margin-bottom: 100px; }
.solu .solu_top .solu_top_img { float: left; width: 500px; height: 500px; background: #f5f5f5; }
.solu .solu_top .solu_top_img img { width: 100%; overflow: hidden; }
.solu .solu_top .solu_top_box { position: relative; float: left; width: 700px; box-sizing: border-box; padding-top: 30px; padding-left: 70px; }
.solu .solu_top .solu_top_box::before { content: ""; width: 93px; height: 2px; background: #093968; position: absolute; left: -50px; top: 40px; }
.solu .solu_top .solu_top_box .solu_top_tit { font-size: 32px; color: #333; line-height: 54px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #d1d1d1; }
.solu .solu_top .solu_top_box .solu_top_txt { width: 100%; }
.solu .solu_top .solu_top_box .solu_top_txt p { font-size: 18px; line-height: 38px; color: #141414; padding-left: 17px; position: relative; word-break: keep-all; }
.solu .solu_top .solu_top_box .solu_top_txt p::before { display: inline-block; content: ""; vertical-align: middle; position: absolute; top: 16px; left: 0; width: 4px; height: 4px;border: 2px solid #3498db; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.solu .solu_top .solu_top_box .solu_btn { margin-top: 100px; text-align: left; }
.solu .solu_top .solu_top_box .solu_btn .btn-cus { padding: 0 40px; line-height: 55px; font-size: 20px; }
.solu .solu_con { position: relative; box-sizing: border-box; width: 100%; }
.solu .solu_con .solu_con_top { position: relative; box-sizing: border-box; width: 100%; padding-top: 100px; padding-bottom: 40px; }
.solu .solu_con .solu_con_tit { text-align: center;font-size: 28px;margin-bottom: 50px;padding: 20px;border-bottom: 0.1rem solid #e9e9e9; }
.solu .solu_con .solu_con_top::before { position: absolute; content: ""; width: 1px; height: 50px; background: #093968; left: 50%; top: 20px; }
.solu .solu_con .solu_con_top .solu_con_tit { width: 100%; text-align: center; margin: 0 0 30px; font-size: 35px; box-sizing: border-box; }
.solu .solu_con .solu_con_top .solu_con_subtit { color: #05314a; text-align: center; font-size: 20px;font-weight: 600;line-height: 28px; padding-bottom: 30px; width: 100%; }
.solu .solu_con .solu_con_img { width: 1000px; margin: 0 auto 50px; }
.solu .solu_con .solu_con_box { width: 700px; margin: 0 auto 50px; }
.solu .solu_con .solu_con_imgtit { padding: 30px; background: #f5f5f5; }
.solu .solu_con .solu_con_imgtit .solu_con_num { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 17px; font-weight: 400; margin: 10px auto; color: #fff; background: #05314a;}
.solu .solu_con .solu_con_imgtit .con_txt_t { text-align: center; line-height: 30px; font-size: 25px; margin: 20px 0; color: #05314a; }
.solu .solu_con .solu_con_txt {margin: 30px 0; }
.solu .solu_con .solu_con_txt table tbody tr th { position: relative; text-align: left; padding: 5px 15px 3px 0; line-height: 25px; font-weight: 400; color: #2c2c2c; }
.solu .solu_con .solu_con_txt table tbody tr th::after { position: absolute; content: "";top: 9px; right: 14px; width: 1px; height: 16px; background: #05314a; }
.solu .solu_con .solu_con_txt table tbody tr td { padding: 5px 0 3px; line-height: 25px; color: #6c6c6c;}
/*
================================================
Support - Products -
================================================
*/
.products { position: relative; box-sizing: border-box; width: 100%; }
.products .prod_box { font-size: 17px; font-family: 'NanumSquare', sans-serif; margin-bottom: 30px; }
.products .prod_box p.prod_sub { font-weight: 600; } 
.products .prod_box p { padding-bottom: 15px; }
.products .prod_list { border-top: 2px solid #05314a; position: relative; box-sizing: border-box; width: 100%; margin-bottom: 15px; }
.products .prod_list dl { border-bottom: 1px solid #ddd; position: relative; box-sizing: border-box; width: 100%; margin-bottom: 15px; }
.products .prod_list dl dt { color: #05314a; font-size: 24px; line-height: 44px; padding-top: 5px; padding-bottom: 24px; }
.products .prod_list dl dd { width: 100%; }
.products .prod_list dl dd { width: 100%; display: flex; }
.products .prod_list dl dd .prod_item { float: left; text-align: center; box-sizing: border-box;padding: 30px;  width: 33.333%; }
.products .prod_list dl dd .prod_item .prod_img { box-sizing: border-box; text-align: center; margin: 0 auto; width: 300px; height: 200px; overflow: hidden; border: 1px solid #ddd; }
.products .prod_list dl dd .prod_item .prod_img img { height: 100%; }
.products .prod_list dl dd .prod_item .prod_txt { font-size: 16px; padding: 15px 0 10px; text-align: center; color: #777; }
.products .prod_list dl dd .prod_item .btn-cus { margin-top: 8px; padding: 0 40px; line-height: 35px; font-size: 17px; }



/*
=====================================================
*/
.modal-backdrop { display: none; }