@charset "utf-8";
@import "global.css";

html.fixed {width:100%; height:100%; position:fixed; left:0;}

#skip_nav {position:absolute; top:0; left:0; z-index:500; width:100%; height:0;}
#skip_nav a {display:block; position:absolute; left:0; top:-9999px; overflow:hidden; text-align:center; color:#ffffff; white-space:nowrap; font-size:12px;}
#skip_nav a:focus, 
#skip_nav a:hover, 
#skip_nav a:active {width:100%; top:0px; height:auto; padding:5px 0; background:#f37121; color:#ffffff; z-index:1000;}

label.rdo {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.rdo input {width:13px; height:13px; position:absolute; top:5px; left:0;}

label.chk {display:inline-block; position:relative; padding-left:16px; line-height:22px;}
label.chk input {width:13px; height:13px; position:absolute; top:5px; left:0;}

.btn_wrap {width:100%; overflow:hidden; text-align:center;}
.btn_wrap a {float:left; margin-left:10px;}
.btn_wrap a:first-child {margin-left:0px;}
.btn_wrap input {float:left; margin-left:10px;}
.btn_wrap input:first-child {margin-left:0px;}

.btn30 {display:inline-block; height:30px; border:none; font-size:14px; line-height:28px; text-align:center; vertical-align:top; cursor:pointer; outline:none; box-sizing:border-box; border-radius:0; -webkit-appearance:none; appearance:none;}
.btn30.black {border:1px solid #000000; background:#000000; color:#ffffff;}
.btn30.white {border:1px solid #000000; background:#ffffff; color:#000000;}

.btn50.white {display:block; line-height:48px; border:1px solid #444444; text-align:center; background:#ffffff; color:#444444; margin:0 auto;}
.btn50.gray {display:block; line-height:48px; border:1px solid #666666; text-align:center; background:#666666; color:#ffffff;}

html, body {background:#333333;}

#wrap {width:640px; min-height:100%; margin:0 auto; background:#ffffff; position:relative; overflow:hidden;}

/* bxSlider */
.bx-wrapper {position:relative; *zoom:1;}
.bx-wrapper .bx-viewport {width:100%; overflow:hidden; position:relative;}
.bx-wrapper .bx-viewport > * {-webkit-perspective:1000; overflow:hidden;}

.bx-wrapper .bx-pager {position:absolute; z-index:1;}
.bx-wrapper .bx-pager .bx-pager-item {display:inline-block; *display:inline; *zoom:1;}
.bx-wrapper .bx-pager .bx-pager-item a {display:block; outline:0; text-indent:-9999px;}
.bx-wrapper .bx-pager .bx-pager-item a.active {}

.bx-wrapper .bx-control a {display:block; position:absolute; outline:0; text-indent:-9999px; z-index:1;}
.bx-wrapper .bx-control a.disabled {display:none;}

/* layer popup */
.layer_outer {display:table; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; filter:alpha(opacity=0); opacity:0; background:url(/asset/images/mobile/common/black60.png) 0 0 repeat;}
.layer_inner {display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; position:relative; z-index:2;}
.layer_popup {display:inline-block; overflow-y:auto; box-sizing:border-box; background:#ffffff; text-align:left; overflow-style:none;}
::-webkit-scrollbar {display:none;}

/* main */
#wrap {position:relative;}
#header {width:640px; height:90px; line-height:90; position:absolute; top:0; left:50%; margin:0 0 0 -320px; border-bottom:1px solid #9da5b7; z-index:99;}
#header .header_inner {}
#header .header_inner .logo {position:absolute; left:50%; top:30px; margin:0 0 0 -108px;}
#header .header_inner .logo a {display:block; width:216px; height:31px; background:url(/asset/images/mobile/common/logo2.png) 0 0 no-repeat; text-indent:-9999px;}
#header .header_inner .gnb_open {display:block; width:46px; height:31px; position:absolute; top:30px; left:30px;}
#header .header_inner .gnb_open span {display:block; width:46px; height:3px; background:#000000; text-indent:-9999px; position:absolute; top:14px; left:0;}
#header .header_inner .gnb_open:before {display:block; content:''; width:46px; height:3px; background:#000000; position:absolute; top:0; left:0;}
#header .header_inner .gnb_open:after {display:block; content:''; width:46px; height:3px; background:#000000; position:absolute; bottom:0; left:0;}

#header .gnb {width:340px; background:#ffffff; overflow:hidden; position:absolute; top:90px; left:-100%; z-index:999; transition:all .5s;}
#header .gnb.on {left:0;}
#header .gnb .gnb_depth1 {padding:0 30px;}
#header .gnb .gnb_depth1 > li {position:relative;}
#header .gnb .gnb_depth1 > li:first-child > a {border-top:none;}
#header .gnb .gnb_depth1 > li > a {display:block; font-size:28px; color:#222222; line-height:78px; border-top:1px solid #888888;}
#header .gnb .gnb_depth1 > li.on > a {color:#2b74ec; font-weight:700;}
#header .gnb .gnb_depth1 > li .gnb_depth2 {display:none;}
#header .gnb .gnb_depth1 > li .gnb_depth2 li:first-child a {border-top:1px solid #888888;}
#header .gnb .gnb_depth1 > li .gnb_depth2 li a {display:block; padding:0 30px; line-height:73px; border-top:1px solid #dddddd;}

.main #header .header_inner .logo a {background:url(/asset/images/mobile/common/logo.png) 0 0 no-repeat;}
.main #header .header_inner .gnb_open span {background:#ffffff;}
.main #header .header_inner .gnb_open:before {background:#ffffff;}
.main #header .header_inner .gnb_open:after {background:#ffffff;}

.main #container {padding:0; margin:0 0 40px 0; overflow:hidden;}

.main_container .main_txt {display:table;}
.main_container .main_txt .main_txt_inner {display:table-cell; vertical-align:middle; width:640px; height:1065px; background:url(/asset/images/mobile/content/main_bg_01.jpg) 0 0 no-repeat; position:relative;}
.main_container .main_txt .main_txt_inner .main_tit {text-align:center;}
.main_container .main_txt .main_txt_inner .main_tit .tit {font-size:56px; line-height:64px; font-weight:700; color:#ffffff; margin:0 0 35px 0;}
.main_container .main_txt .main_txt_inner .main_tit .txt {font-size:28px; line-height:38px;; color:#ffffff;}
.main_container .main_txt .main_txt_inner .arr {display:block; width:40px; height:30px; background:url(/asset/images/mobile/common/main_arr.png) 0 0 no-repeat; position:absolute; bottom:30px; left:50%; margin:0 0 0 -20px; animation-name:arr; animation-duration:1.8s; animation-iteration-count: infinite;}

@keyframes arr {
	0% {bottom:60px;}
	50% {bottom:30px;}
	100% {bottom:60px;}
}

.main_container .main_business {width:100%; overflow:hidden; padding:65px 30px 80px; box-sizing:border-box;}
.main_container .main_business .business {}
.main_container .main_business .business .tit_area {overflow:hidden; position:relative; margin:0 0 30px 0;}
.main_container .main_business .business .tit_area .tit {font-size:44px;; color:#000000;}
.main_container .main_business .business .tit_area .more {display:block; width:32px; height:32px; text-indent:-9999px; background:url(/asset/images/mobile/common/ico_more02.png) 0 0 no-repeat; position:absolute; top:15px; right:0;}
.main_container .main_business .business .cont_area {}
.main_container .main_business .business .cont_area .business_list {width:100%;}
.main_container .main_business .business .cont_area .business_list li {display:table; text-align:center;}
.main_container .main_business .business .cont_area .business_list li a {display:table-cell; vertical-align:middle; width:580px; height:278px; text-align:center;}
.main_container .main_business .business .cont_area .business_list li a .tit {display:block; font-size:36px; font-weight:700; color:#ffffff; margin:0 0 15px 0;}
.main_container .main_business .business .cont_area .business_list li a .txt {display:block; font-size:20px; color:#ffffff;}
.main_container .main_business .business .cont_area .business_list li.list01 {background:url(/asset/images/mobile/content/main_business_img01.jpg) 0 0 no-repeat;}
.main_container .main_business .business .cont_area .business_list li.list02 {background:url(/asset/images/mobile/content/main_business_img02.jpg) 0 0 no-repeat;}
.main_container .main_business .business .cont_area .business_list li.list03 {background:url(/asset/images/mobile/content/main_business_img03.jpg) 0 0 no-repeat;}
.main_container .main_business .business .cont_area .business_list li.list04 {background:url(/asset/images/mobile/content/main_business_img04.jpg) 0 0 no-repeat;}

.main_container .main_product {width:100%; overflow:hidden; padding:65px 30px 80px; box-sizing:border-box; background:url(/asset/images/mobile/content/main_product_bg.jpg) 0 0 no-repeat;}
.main_container .main_product .product .tit_area {overflow:hidden; position:relative; margin:0 0 30px 0;}
.main_container .main_product .product .tit_area .tit {font-size:44px;; color:#ffffff;}
.main_container .main_product .product .tit_area .more {display:block; width:32px; height:32px; text-indent:-9999px; background:url(/asset/images/mobile/common/ico_more01.png) 0 0 no-repeat; position:absolute; top:15px; right:0;}
.main_container .main_product .product .cont_area {}
.main_container .main_product .product .cont_area .product_list {}
.main_container .main_product .product .cont_area .product_list li {display:table;}
.main_container .main_product .product .cont_area .product_list li.list01 {background:url(/asset/images/mobile/content/main_product_img01.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list02 {background:url(/asset/images/mobile/content/main_product_img14.jpg) 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list03 {background:url(/asset/images/mobile/content/main_product_img03.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list04 {background:url(/asset/images/mobile/content/main_product_img04.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list05 {background:url(/asset/images/mobile/content/main_product_img05.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list06 {background:url(/asset/images/mobile/content/main_product_img06.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list07 {background:url(/asset/images/mobile/content/main_product_img07.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list08 {background:url(/asset/images/mobile/content/main_product_img08.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list09 {background:url(/asset/images/mobile/content/main_product_img09.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list10 {background:url(/asset/images/mobile/content/main_product_img10.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list11 {background:url(/asset/images/mobile/content/main_product_img111.jpg) 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list12 {background:url(/asset/images/mobile/content/main_product_img12.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li.list13 {background:url(/asset/images/mobile/content/main_product_img13.jpg) 0 0 no-repeat;}
.main_container .main_product .product .cont_area .product_list li a {display:table-cell; vertical-align:middle; width:580px; height:157px; padding:0 0 0 50px;}
.main_container .main_product .product .cont_area .product_list li a .kor {display:block; font-size:30px; font-weight:700; color:#ffffff;}
.main_container .main_product .product .cont_area .product_list li a .eng {display:block; font-size:20px; line-height:36px; font-weight:700; color:#ffffff;}

.main_container .main_news {width:100%; overflow:hidden; padding:65px 30px 80px; box-sizing:border-box;}
.main_container .main_news .news {}
.main_container .main_news .news .tit_area {overflow:hidden; position:relative; margin:0 0 30px 0;}
.main_container .main_news .news .tit_area .tit {font-size:44px;; color:#000000;}
.main_container .main_news .news .tit_area .more {display:block; width:32px; height:32px; text-indent:-9999px; background:url(/asset/images/mobile/common/ico_more02.png) 0 0 no-repeat; position:absolute; top:15px; right:0;}
.main_container .main_news .news .cont_area {}
.main_container .main_news .news .cont_area .news_list {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.main_container .main_news .news .cont_area .news_list li {border-top:1px solid #d2d0d3; padding:20px 30px;}
.main_container .main_news .news .cont_area .news_list li:first-child {border-top:none;}
.main_container .main_news .news .cont_area .news_list li a {display:block;}
.main_container .main_news .news .cont_area .news_list li a .tit {display:block; font-size:24px; line-height:28px;; color:#333333;}
.main_container .main_news .news .cont_area .news_list li a .date {display:block; font-size:20px;; color:#777777; margin:10px 0 0 0;}

#footer {background:#1e1b1c; padding:30px; overflow:hidden;}
#footer .btn_area {overflow:hidden; margin:0 0 20px 0;}
#footer .btn_area a {display:block; width:137px; line-height:53px; font-size:24px;; color:#dddddd; text-align:center; margin:0 0 0 10px; background:#343434; float:left;}
#footer .btn_area a:first-child {margin-left:0;}
#footer .btn_area .gotop {background:#000000 url(/asset/images/mobile/common/footer_top_arr.png) 94px center no-repeat; text-align:left; padding:0 0 0 30px; box-sizing:border-box;}
#footer .address {font-size:20px; line-height:26px;; color:#888888; margin:0 0 10px 0;}
#footer .copyright {font-size:20px; line-height:26px;; color:#666666;}
/* //main */

/* sub */

#container {padding:90px 0 0 0; overflow:hidden;}

.gray_bg {background:#f2f2f4;}

.atms_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg01.jpg) 0 0 no-repeat;}
.cs_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg02.jpg) 0 0 no-repeat;}
.company_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg02.jpg) 0 0 no-repeat;}
.ftms_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg03.jpg) 0 0 no-repeat;}
.bis_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg04.jpg) 0 0 no-repeat;}
.ucity_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg05.jpg) 0 0 no-repeat;}
.about_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg07.jpg) 0 0 no-repeat;}
.history_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg07.jpg) 0 0 no-repeat;}
.location_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg07.jpg) 0 0 no-repeat;}
.result_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg05.jpg) 0 0 no-repeat;}
.maintenance_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg08.jpg) 0 0 no-repeat;}
.design_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg09.jpg) 0 0 no-repeat;}
.research_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg02.jpg) 0 0 no-repeat;}
.development_wrap .top_tit_area {background:url(/asset/images/mobile/common/cate_top_bg06.jpg) 0 0 no-repeat;}

.sub_top_nav {}
.sub_top_nav .nav_list {}
.sub_top_nav .nav_list:after {display:block; content:''; clear:both;}
.sub_top_nav .nav_list > li {float:left; box-sizing:border-box; position:relative;}
.sub_top_nav .nav_list > li ul {position:absolute; top:65px; left:-9999px; z-index:2;}
.sub_top_nav .nav_list li ul li {transform:translateY(-5px); opacity:0; transition:all .5s;}
.sub_top_nav .nav_list li.on ul {left:0;}
.sub_top_nav .nav_list li.on ul li {transform:translateY(0); opacity:1;}
.sub_top_nav .nav_list .list02 ul li a {display:block; width:183px; box-sizing:border-box; background:#404040; border-top:1px solid #555555;}
.sub_top_nav .nav_list .list03.on ul {display:block;}
.sub_top_nav .nav_list .list03 ul li a {display:block; width:405px; box-sizing:border-box; background:#303030; border-top:1px solid #444444;}
.sub_top_nav .nav_list > li a {display:block; line-height:65px; padding:0 0 0 20px; color:#999999;}
.sub_top_nav .nav_list .list01 {width:52px; background:#444444; position:relative;}
.sub_top_nav .nav_list .list01:after {display:block; content:''; width:20px; height:65px; background:url(/asset/images/mobile/common/top_nav_bg01.png) 0 0 no-repeat; position:absolute; top:0; right:-19px; z-index:2;}
.sub_top_nav .nav_list .list01 a {display:block; background:url(/asset/images/mobile/common/top_nav_home.png) center center no-repeat; text-indent:-9999px;}
.sub_top_nav .nav_list .list02 {width:183px; background:#333333 url(/asset/images/mobile/common/top_nav_arr.png) 155px center no-repeat; position:relative;}
.sub_top_nav .nav_list .list02 a {padding:0 0 0 37px;}
.sub_top_nav .nav_list .list02:after {display:block; content:''; width:20px; height:65px; background:url(/asset/images/mobile/common/top_nav_bg02.png) 0 0 no-repeat; position:absolute; top:0; right:-19px; z-index:2;}
.sub_top_nav .nav_list .list03 {width:405px; background:#222222 url(/asset/images/mobile/common/top_nav_arr.png) 360px center no-repeat;}
.sub_top_nav .nav_list .list03 a {padding:0 0 0 37px;}
.sub_top_nav .nav_list .list03.none {width:405px; height:65px; background:#222222; padding:0 0 0 37px;}

.top_tit_area {display:table; width:100%; text-align:center;}
.top_tit_area .top_tit_inner {display:table-cell; vertical-align:middle; height:156px;}
.top_tit_area .top_tit_inner p {color:#ffffff;}
.top_tit_area .top_tit_inner .kor {font-size:42px; font-weight:700;}
.top_tit_area .top_tit_inner .eng {font-size:20px; font-weight:700;}

.content {padding:40px 30px 100px;}
.content .select_box {height:61px; position:relative;}
.content .select_box .select_tit {width:100%; line-height:61px; position:absolute; top:0; left:0; font-size:28px; font-weight:700; color:#222222; text-align:center; border:1px solid #888888; box-sizing:border-box; background:#ffffff url(/asset/images/mobile/common/cont_tab_arr.png) 530px center no-repeat;}
.content .select_box select {height:61px; position:absolute; top:0; left:0; z-index:1; opacity:0;}

.content .top_txt_box {padding:40px 0;}
.content .top_txt_box .tit_area {text-align:center;}
.content .top_txt_box .tit_area .kor {font-size:36px; font-weight:700; color:#000000;}
.content .top_txt_box .tit_area .eng {font-size:20px; color:#333333; margin-bottom:25px;}
.content .top_txt_box .tit_area .txt {}
.content .top_txt_box .tit_area .img_box {margin:0 0 30px; overflow:hidden;}
.content .top_txt_box .tit_area .img_box img {float:left; margin:0 0 0 6px;}
.content .top_txt_box .tit_area .img_box img:first-child {margin-left:0;}

.content .sub_cont_tit {margin-bottom:20px;}
.content .sub_cont_tit p {font-size:32px; font-weight:700; color:#333333; text-align:center;}
.content .s_tit_blue {font-size:28px; line-height:30px; font-weight:700; color:#2b74ec; letter-spacing:-1px; margin:0 0 20px; text-align:center;}

.content .sub_inner_tit {margin-bottom:20px;}
.content .sub_inner_tit p {font-size:32px; font-weight:400; color:#333333; text-align:center;}

.content .service_area {width:640px; margin:0 -30px; padding:40px 30px 100px; box-sizing:border-box; overflow:hidden;}
.content .service_area .service_list {width:600px; overflow:hidden; margin:0 0 -20px;}
.content .service_area .service_list.wide {width:600px; overflow:hidden; margin:0 0 30px;}
.content .service_area .service_list.wide li img {width:580px; height:238px;}
.content .service_area .service_list li {float:left; border-bottom:1px solid #d2d0d3; margin:0 20px 20px 0;}
.content .service_area .service_list li img {width:280px; height:238px;}
.content .service_area .service_list li .tit {display:block; padding:15px 0; text-align:center; background:#ffffff; font-weight:700; color:#333333;}
.content .service_area .service_list li .tit em {font-size:20px; font-weight:700; color:#777777;}
.content .service_area .notice {float:right; padding:0 0 0 18px; margin:20px 0 0 0; position:relative;}
.content .service_area .notice:before {display:block; content:'*'; position:absolute; top:0; left:0;}
/* cs_center */

/* atms */
.atms_wrap .content {padding:40px 30px 0;}
.bis_wrap .content {padding:40px 30px 0;}
.ftms_wrap .content {padding:40px 30px 0;}
.ucity_wrap .content {padding:40px 30px 0;}

/* notice_list */
.cs_wrap {}
.cs_wrap .content {}
.cs_wrap .content .cs_list_top_cont {margin:-15px 0 0 0; overflow:hidden;}
.cs_wrap .content .cs_list_top_cont .cs_select_box {position:relative; float:left;}
.cs_wrap .content .cs_list_top_cont .cs_select_box .cs_select_tit {display:block; width:140px; line-height:65px; padding:0 0 0 20px; font-size:22px; color:#222222; box-sizing:border-box; background:url(/asset/images/mobile/common/select_arr.png) 110px center no-repeat;}
.cs_wrap .content .cs_list_top_cont .cs_select_box select {width:140px; height:65px; opacity:0; position:absolute; top:0; left:0; z-index:99;}

.cs_wrap .content .cs_list_top_cont .search_box {float:left;}
.cs_wrap .content .cs_list_top_cont .search_box input[type='text'] {width:370px; height:65px; float:left; padding:0 10px; line-height:65px; border:none; font-size:22px; color:#666666;}
.cs_wrap .content .cs_list_top_cont .search_box .search_btn {width:65px; height:65px; float:left; background:url(/asset/images/mobile/common/search_ico.png) center center no-repeat; text-indent:-9999px; border:none; cursor:pointer;}

.cs_wrap .notice_list_box {margin:0 0 30px 0;}
.cs_wrap .notice_list_box .notice_cont_list {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.cs_wrap .notice_list_box .notice_cont_list li {border-top:1px solid #d2d0d3;}
.cs_wrap .notice_list_box .notice_cont_list li:first-child {border-top:none;}
.cs_wrap .notice_list_box .notice_cont_list li a {display:block; overflow:hidden; line-height:83px; padding:0 20px;}
.cs_wrap .notice_list_box .notice_cont_list li a .tit {display:block; float:left; width:400px; overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; color:#333333;}
.cs_wrap .notice_list_box .notice_cont_list li a .tit .notice {font-size:20px; font-weight:700; color:#ffffff; background:#333333; line-height:32px; padding:5px; margin:0 19px 0 0;}
.cs_wrap .notice_list_box .notice_cont_list li a .date {font-size:20px; color:#888888; float:right;}
.cs_wrap .notice_list_box .notice_cont_list .notice {background:#f9f9fb;}

.cs_wrap .pagenation {text-align:center;}
.cs_wrap .pagenation .pagenation_inner {display:inline-block; overflow:hidden;}
.cs_wrap .pagenation .pagenation_inner > a {width:36px; line-height:36px; border:1px solid #d2d0d3; float:left; text-indent:-9999px; box-sizing:border-box;}
.cs_wrap .pagenation .pagenation_inner .first_page {background:url(/asset/images/mobile/common/first_page.png) center center no-repeat;}
.cs_wrap .pagenation .pagenation_inner .prev_page {background:url(/asset/images/mobile/common/prev_page.png) center center no-repeat; margin:0 0 0 17px;}
.cs_wrap .pagenation .pagenation_inner .next_page {background:url(/asset/images/mobile/common/next_page.png) center center no-repeat;}
.cs_wrap .pagenation .pagenation_inner .last_page {background:url(/asset/images/mobile/common/last_page.png) center center no-repeat; margin:0 0 0 17px;}
.cs_wrap .pagenation .pagenation_inner .pager {float:left; padding:0 28px;}
.cs_wrap .pagenation .pagenation_inner .pager a {float:left; margin:0 0 0 8px;}
.cs_wrap .pagenation .pagenation_inner .pager a:first-child {margin-left:0;}
.cs_wrap .pagenation .pagenation_inner .pager a {display:block; width:36px; line-height:36px; text-align:center; color:#666666;}
.cs_wrap .pagenation .pagenation_inner .pager a.on {color:#5792f2; font-weight:700;}

/* notice_view */
.cs_wrap .content .notice_view_box {border-top:1px solid #000000; border-bottom:1px solid #000000;}
.cs_wrap .content .notice_view_box .tit_area {padding:30px 20px;}
.cs_wrap .content .notice_view_box .tit_area .tit {font-size:28px; color:#333333; margin:0 0 12px 0;}
.cs_wrap .content .notice_view_box .tit_area .etc {overflow:hidden;}
.cs_wrap .content .notice_view_box .tit_area .etc span {display:block;}
.cs_wrap .content .notice_view_box .tit_area .etc .notice {width:82px; margin:0 20px 0 0; line-height:32px; float:left; font-size:20px; font-weight:700; color:#ffffff; background:#333333; text-align:center;}
.cs_wrap .content .notice_view_box .tit_area .etc .date {float:left; line-height:32px;}

.cs_wrap .content .notice_view_box .txt_area {padding:25px 20px 120px; border-top:1px solid #d2d0d3; border-bottom:1px solid #d2d0d3;}
.cs_wrap .content .notice_view_box .txt_area p {}

.cs_wrap .content .notice_view_box .navi_area {padding:25px 20px;}
.cs_wrap .content .notice_view_box .navi_area a {display:block; overflow:hidden;}
.cs_wrap .content .notice_view_box .navi_area a span {display:block; float:left;}
.cs_wrap .content .notice_view_box .navi_area a .tit {color:#333333;}
.cs_wrap .content .notice_view_box .navi_area a .txt {width:438px; overflow:hidden; word-wrap:normal; white-space:nowrap; text-overflow:ellipsis; color:#666666; margin:0 0 0 30px;}
.cs_wrap .content .notice_view_box .navi_area a .txt.none {color:#999999;}
.cs_wrap .content .notice_view_box .navi_area .prev {margin:0 0 15px 0;}
.cs_wrap .content .notice_view_box .navi_area .next {}

.cs_wrap .content .btn_area {margin:30px 0 0;}
.cs_wrap .content .btn_area input[type="submit"] {margin:0 auto; font-size:24px; font-weight:700; color:#ffffff; border-radius:0; -webkit-appearance: none;}

/* library */
.cs_wrap .content .library_top_cont {}
.cs_wrap .content .library_top_cont .search_box {overflow:hidden; margin:-20px 0 0 0;}
.cs_wrap .content .library_top_cont .search_box input[type='text'] {width:515px; height:65px; float:left; padding:0 10px; line-height:65px; border:none; font-size:22px; color:#666666;}
.cs_wrap .content .library_top_cont .search_box .search_btn {width:65px; height:65px; float:left; background:url(/asset/images/mobile/common/search_ico.png) center center no-repeat; text-indent:-9999px; border:none; cursor:pointer;}

.cs_wrap .content .library_list_area {border-top:1px solid #000000; border-bottom:1px solid #000000; margin:0 0 30px;}
.cs_wrap .content .library_list_area .library_list {}
.cs_wrap .content .library_list_area .library_list li {border-bottom:1px solid #d2d0d3;}
.cs_wrap .content .library_list_area .library_list li a {display:block; padding:30px 20px; position:relative;}
.cs_wrap .content .library_list_area .library_list li a span {display:block;}
.cs_wrap .content .library_list_area .library_list li a .tit {width:450px; line-height:40px; color:#333333;}
.cs_wrap .content .library_list_area .library_list li a .down {width:40px; height:40px; background:#666666 url(/asset/images/mobile/common/down_ico.png) center no-repeat; position:absolute; top:30px; right:20px;}

/* qna */
.qna_agree_area {margin:0 0 45px;}
.qna_agree_area .cont_txt {}
.qna_agree_area .cont_txt dl {padding:25px 20px; background:#f9f9fb; border-top:1px solid #000000; border-bottom:1px solid #d2d0d3;}
.qna_agree_area .cont_txt dl dt {font-size:20px; line-height:32px; color:#333333; margin:10px 0 0 0; font-weight:400;}
.qna_agree_area .cont_txt dl dt:first-child {margin-top:0;}
.qna_agree_area .cont_txt dl dd {font-size:20px; line-height:32px; color:#777777;}
.qna_agree_area .agree_box {margin:25px 0 0;}
.qna_agree_area .agree_box label {color:#333333;}
.qna_agree_area .agree_box input[type="checkbox"] {width:25px; height:25px; border:1px solid #d5d5d5; margin:0 10px 0 0; vertical-align:middle;}

.info_form_area {}
.info_form_area .info_form_list {border-top:1px solid #000000; border-bottom:1px solid #000000; padding:30px 0;}
.info_form_area .info_form_list li {display:table; margin:20px 0 0;}
.info_form_area .info_form_list li:first-child {margin-top:0;}
.info_form_area .info_form_list li .tit_box {display:table-cell; vertical-align:middle; width:110px;}
.info_form_area .info_form_list li .tit_box .tit {color:#333333; line-height:30px; overflow:hidden;}
.info_form_area .info_form_list li .tit_box .tit label {display:block; float:left;}
.info_form_area .info_form_list li .tit_box .tit em {display:block; font-size:20px; color:#999999;}
.info_form_area .info_form_list li .tit_box:before {display:inline-block; content:'*'; float:left; margin:0 7px 0 0; color:#333333;}

.info_form_area .info_form_list li .cont_box {display:table-cell; vertical-align:middle; overflow:hidden;}
.info_form_area .info_form_list li .cont_box input[type="text"] {width:468px; height:53px; line-height:53px; font-size:24px; padding:0 13px;}
.info_form_area .info_form_list li .cont_box textarea {width:468px; height:260px; font-size:24px; line-height:30px; color:#666666; font-weight:400; padding:15px;}

.info_form_area .info_form_list .name .cont_box input[type="text"] {width:470px;}

.info_form_area .info_form_list .phone .cont_box .select_box {width:137px; float:left;}
.info_form_area .info_form_list .phone .cont_box .select_box .select_tit {height:53px; line-height:53px; border:1px solid #d5d5d5; font-size:24px; font-weight:400; color:#666666; text-align:left; padding:0 0 0 13px; background:url(/asset/images/mobile/common/select_arr.png) 107px center no-repeat;}
.info_form_area .info_form_list .phone .cont_box .select_box select {height:53px; line-height:53px;}
.info_form_area .info_form_list .phone .cont_box span {display:block; padding:0 10px; line-height:53px; float:left;}
.info_form_area .info_form_list .phone .cont_box input[type="text"] {width:136px; float:left;}

.info_form_area .info_form_list .email .tit_box {vertical-align:top; padding:10px 0 0 0;}
.info_form_area .info_form_list .email .cont_box {vertical-align:top;}
.info_form_area .info_form_list .email .cont_box span {display:block; padding:0 10px; line-height:53px; float:left;}
.info_form_area .info_form_list .email .cont_box input[type="text"]:first-child {width:188px; float:left;}
.info_form_area .info_form_list .email .cont_box input[type="text"] {width:237px; float:left;}
.info_form_area .info_form_list .email .cont_box .select_box2 {width:100%; float:left; margin:10px 0 0 0; position:relative;}
.info_form_area .info_form_list .email .cont_box .select_box2 .select_tit {display:block; width:100%; height:53px; line-height:53px; border:1px solid #d5d5d5; font-size:24px; font-weight:400; color:#666666; text-align:left; padding:0 0 0 13px; background:url(/asset/images/mobile/common/select_arr.png) 440px center no-repeat; box-sizing:border-box; position:absolute; top:0; left:0;}
.info_form_area .info_form_list .email .cont_box .select_box2 select {height:53px; line-height:53px; opacity:0;}

/* ceo message */
.company_wrap .content {padding:40px 30px 380px; background:url(/asset/images/mobile/content/ceo_message_bg.jpg) 0 bottom no-repeat; position:relative;}
.company_wrap .content .ceo_area {position:relative;}
.company_wrap .content .ceo_area .sub_cont_tit {margin:0 0 35px 0;}
.company_wrap .content .ceo_area .sub_cont_tit .tit {}

.sub_cont_txt {}
.sub_cont_txt .txt {text-align:center; margin:27px 0 0 0;}
.sub_cont_txt .txt:first-child {margin-top:0;}

.company_wrap .content .sign_box {position:absolute; bottom:176px; left:76px;}
.company_wrap .content .sign_box .tit {display:block; font-size:22px; line-height:30px; color:#222222; text-align:center;}
.company_wrap .content .sign_box .tit em {display:block; font-weight:700;}

/* about */
.about_wrap {}
.about_wrap .content {}
.about_wrap .content .top_txt_box {padding:0; margin:0 0 50px;}
.about_wrap .content .top_txt_box .tit_area {}
.about_wrap .content .top_txt_box .tit_area .kor {margin:0 0 35px;}
.about_wrap .content .top_txt_box .txt_area {text-align:center;}
.about_wrap .content .top_txt_box .txt_area .txt {margin:30px 0 0;}
.about_wrap .content .top_txt_box .txt_area .txt:first-child {margin-top:0;}

.about_wrap .content .business_area {width:640px; margin:0 -30px; padding:40px 30px 70px; box-sizing:border-box;}
.about_wrap .content .business_area .business_list {}
.about_wrap .content .business_area .business_list > li {margin:75px 0 0;}
.about_wrap .content .business_area .business_list > li:first-child {margin-top:0;}
.about_wrap .content .business_area .business_list > li .img_box {position:relative; margin:0 0 25px;}
.about_wrap .content .business_area .business_list > li .img_box p {position:absolute; bottom:30px; left:30px;}
.about_wrap .content .business_area .business_list > li .img_box p span {display:block; color:#ffffff;}
.about_wrap .content .business_area .business_list > li .img_box p .num {font-size:40px; font-weight:300; line-height:40px;}
.about_wrap .content .business_area .business_list > li .img_box p .txt {font-weight:700;}
.about_wrap .content .business_area .business_list ul {}
.about_wrap .content .business_area .business_list ul li {padding:0 0 0 13px; position:relative; color:#333333;}
.about_wrap .content .business_area .business_list ul li:before {display:block; content:''; width:3px; height:3px; background:#5188e1; position:absolute; top:15px; left:0;}

.about_wrap .content .product_area {width:640px; margin:0 -30px; padding:0 30px 35px; box-sizing:border-box;}
.about_wrap .content .product_area .product_list {width:600px; overflow:hidden;}
.about_wrap .content .product_area .product_list li {width:276px; position:relative; float:left; margin:0 20px 20px 0;}

.product_list .center_box{left:150px;}

.about_wrap .content .product_area .product_list li:after {display:block; content:''; width:276px; height:245px; background:#dddfe5; position:absolute; top:4px; left:4px; z-index:1;}
.about_wrap .content .product_area .product_list li .img_box {position:relative; z-index:2;}
.about_wrap .content .product_area .product_list li .img_box .tit {display:block; line-height:68px; text-align:center; background:#777f8c; font-weight:700; color:#ffffff;}

.about_wrap .content .organization_area {padding:40px 0 0;}
.about_wrap .content .organization_area .organization_list {position: relative; width:586px; height:392px;}
.about_wrap .content .organization_area .organization_list li {text-align:center; width: 95px;}
.about_wrap .content .organization_area .organization_list li img {}
.about_wrap .content .organization_area .organization_list li .tit {display:flex; align-items: center; justify-content: center; flex-wrap:nowrap; height:50px; line-height:16px; color:#333333; border: 1px solid #d1d2d4; font-size: 15px; font-weight: 700;}
.about_wrap .content .organization_area .organization_list .list01 {position: absolute; width:150px; padding:7px 0 1px ; background:#3a383a; text-align:center; top:0; left:57%; margin:0 0 0 -118px;}
.about_wrap .content .organization_area .organization_list .list01 img{width: 95px; height:20px; padding-right: 10px;}
.about_wrap .content .organization_area .organization_list .list01 .tit {display:block; border: none; width:auto; height:auto; font-weight:700; line-height:30px; color:#ffffff;}
.about_wrap .content .organization_area .organization_list .list02 {position: absolute; top:82px; left:92px;}
.about_wrap .content .organization_area .organization_list .list02 .tit {font-weight:700;}
.about_wrap .content .organization_area .organization_list .list02:before {display:block; content:''; width:213px; height:1px; position:absolute; top:50%; right:-213px; background:url(/asset/images/mobile/content/organization_horizontal_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list:before {display:block; content:''; width:497px; height:1px; position:absolute; top:165px; left:45px; background:url(/asset/images/mobile/content/organization_horizontal_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list:after {display:block; content:''; width:1px; height:105px; position:absolute; top:60px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}

.organization_list > li {float: left;}
.organization_list > li ul li {background:#f6f6f6; font-size: 12px;line-height: 50px; font-weight: 700; margin-top: 10px; height:50px}

.about_wrap .content .organization_area .organization_list .list03 {position: absolute; top:82px; right:92px;}
.about_wrap .content .organization_area .organization_list .list03 .tit {font-weight:700;}
.about_wrap .content .organization_area .organization_list .list04{position:absolute; top:205px; left:-4px;}
.about_wrap .content .organization_area .organization_list .list05 {position: absolute; top:205px; left:130px;}
.about_wrap .content .organization_area .organization_list .list06 {position: absolute; top:205px; left:196px;}
.about_wrap .content .organization_area .organization_list .list07 {position: absolute; top:205px; left:296px;}
.about_wrap .content .organization_area .organization_list .list08 {position: absolute; top:205px; left:315px;}
.organization_list .list08 .sub_list00{position:absolute; top: 100px; left: -70px;}
.organization_list .list08 .sub_list01{position:absolute; top: 100px; left: 70px;}
.organization_list .list08 .sub_list00 .tit:after {content:''; display:block; background:url(/asset/images/front/common/dotted_horizontal.png) 0 0 repeat-x; width:265px; height:1px; position:absolute; top:-20px; left:89px;}
.about_wrap .content .organization_area .organization_list .list09 {position: absolute; top:205px; left:496px;}
.about_wrap .content .organization_area .organization_list .list04:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list .list05:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list .list06:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list .list07:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list .list08:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.about_wrap .content .organization_area .organization_list .list09:before {display:block; content:''; width:1px; height:41px; position:absolute; top:-41px; left:50%; margin:0 0 0 -1px; background:url(/asset/images/mobile/content/organization_vertical_bg.png) 0 0 repeat;}
.organization_list .list08 .sub_list00:after {content:''; display:block; background:url(/asset/images/front/common/dotted_vertical.png) 0 0 repeat-y; width:1px; height:20px; position:absolute; top:-19px; left:50%;}
.organization_list .list08 .sub_list01:after {content:''; display:block; background:url(/asset/images/front/common/dotted_vertical.png) 0 0 repeat-y; width:1px; height:20px; position:absolute; top:-19px; left:50%;}
.organization_list .list08 .sub_list01 .tit:after {content:''; display: block; background:url(/asset/images/front/common/dotted_vertical.png) 0 0 repeat-y; width: 1px; height:30px; position: absolute; top:-50px; left:-25%;}


/* history */
.history_wrap .history_area {overflow:hidden;}
.history_wrap .history_area .history_list {position:relative; margin:0 0 -25px;}
.history_wrap .history_area .history_list:before {display:block; content:''; width:1px; height:1460px; background:#d9d9db; position:absolute; top:30px; left:10px;}
.history_wrap .history_area .history_list dt {padding:0 0 0 58px; margin:60px 0 0 0; font-size:80px; color:#e0e1e6; font-weight:400; letter-spacing:-2px; background:url(/asset/images/mobile/content/history_dot.png) 0 50px no-repeat; position:relative; z-index:2;}
.history_wrap .history_area .history_list dt:first-child {margin-top:0; background:url(/asset/images/mobile/content/history_dot.png) 0 28px no-repeat;}
.history_wrap .history_area .history_list dt.last {background:url(/asset/images/mobile/content/history_dot.png) 0 80px no-repeat;}
.history_wrap .history_area .history_list dd {padding:0 0 0 58px; margin:0 0 25px 0; color:#333333; overflow:hidden;}
.history_wrap .history_area .history_list dd .month {display:block; font-weight:700; float:left;}
.history_wrap .history_area .history_list dd ul {float:left; margin:0 0 0 30px;}
.history_wrap .history_area .history_list dd ul li {margin:15px 0 0 0;}
.history_wrap .history_area .history_list dd ul li:first-child {margin-top:0;}
.history_wrap .history_area .history_list dd ul li em {font-size:20px; color:#777777;}

/* location */
.location_wrap {}
.location_wrap .content {padding:40px 30px 0;}
.location_wrap .content .location_map_area {text-align:center; margin:0 0 40px;}
.location_wrap .content .location_map_area address {padding:25px 0; color:#333333;}
.location_wrap .content .location_map_area address .past_address {display:block; margin:10px 0 0 0; font-size:20px; line-height:28px; color:#777777;}
.location_wrap .content .location_map_area .num_box {padding:25px 0 0 0;border-top:1px solid #e4e4e4;}
.location_wrap .content .location_map_area .num_box span {display:block; color:#333333;}

.location_wrap .content .location_section {width:640px; margin:0 -30px; padding:170px 0 40px;text-align:center; position:relative;}
.location_wrap .content .location_section > span {display:block; width:108px; height:108px; border-radius:50%; position:absolute; top:50px; left:50%; margin:0 0 0 -54px;}
.location_wrap .content .location_section > span.car {background:#ffffff url(/asset/images/mobile/content/location_ico01.png) center center no-repeat;}
.location_wrap .content .location_section > span.bus {background:#ffffff url(/asset/images/mobile/content/location_ico03.png) center center no-repeat;}
.location_wrap .content .location_section > span.subway {background:url(/asset/images/mobile/content/location_ico02.png) center center no-repeat; border:2px solid #333333;}
.location_wrap .content .location_section .tit {font-size:28px; font-weight:700; color:#333333; margin:0 0 10px;}
.location_wrap .content .location_section .txt {color:#777777;}
.location_wrap .content .location_section ul {padding:0 30px; margin:40px 0 50px 0; text-align:left;}
.location_wrap .content .location_section ul li {margin:10px 0 0;}
.location_wrap .content .location_section ul li:first-child {margin-top:0;}
.location_wrap .content .location_section ul li span {margin:0 10px 0 0;}
.location_wrap .content .location_section ul li .blue {color:#6699cc;}
.location_wrap .content .location_section ul li .red {color:#ff4c61;}
.location_wrap .content .location_section ul li .green {color:#51b664;}

/* result */
.result_wrap {}
.result_wrap .select_box {margin:0 0 36px;}
.result_wrap .content {}
.result_wrap .content .tab_btn_area {margin:0 0 63px;}
.result_wrap .content .tab_btn_area .tab_btn {overflow:hidden;}
.result_wrap .content .tab_btn_area .tab_btn li {width:130px; margin:0 0 0 20px; padding:18px 0 0; float:left; text-align:center; position:relative; border-top:4px solid #bbbbbb; box-sizing:border-box;}
.result_wrap .content .tab_btn_area .tab_btn li:before {display:block; content:''; width:130px; height:4px; position:absolute; top:-4px; left:0; transform:scaleX(0); transition:all .5s;}
.result_wrap .content .tab_btn_area .tab_btn li:first-child {margin-left:0;}
.result_wrap .content .tab_btn_area .tab_btn li.on a {color:#2b74ec; font-weight:700;}
.result_wrap .content .tab_btn_area .tab_btn li.on:before {transform:scaleX(1); background:#2b74ec;}
.result_wrap .content .tab_btn_area .tab_btn li a {color:#777777; letter-spacing:-1px;}

.result_wrap .content .tab_cont_area {}
.result_wrap .content .tab_cont_area .result_tab {display:none;}
.result_wrap .content .tab_cont_area .result_tab.on {display:block;}

.result_tab dl {margin:0 0 -12px;}
.result_tab dl dt {font-size:32px; font-weight:400; line-height:40px; color:#333333; padding:40px 0 25px 0; margin:0 0 24px 0; position:relative;}
.result_tab dl dt:first-child {padding-top:0;}
.result_tab dl dt:after {display:block; content:''; width:103px; height:1px; background:#000000; position:absolute; bottom:0; left:0; z-index:2;}
.result_tab dl dt:before {display:block; content:''; width:100%; height:1px; background:#dddddd; position:absolute; bottom:0; left:0; z-index:1;}
.result_tab dl dd {color:#777777; padding:0 0 0 13px; position:relative; margin:0 0 5px 0;}
.result_tab dl dd:before {display:block; content:''; width:3px; height:3px; background:#5792f2; position:absolute; top:15px; left:0;}

/* maintenance */
.maintenance_wrap .content {padding:40px 30px 0;}
.maintenance_wrap .content .top_txt_box {padding:0; margin:0 0 40px;}
.maintenance_wrap .content .cate_area {width:640px; margin:0 -30px; padding:50px 30px; box-sizing:border-box;}
.maintenance_wrap .content .cate_area .section {position:relative; margin:83px 0 0 0;}
.maintenance_wrap .content .cate_area .section:first-child {margin-top:0;}
.maintenance_wrap .content .cate_area .section > .tit {margin:0 auto; width:370px; background:#5792f2; text-align:center; color:#ffffff; border-radius:28px; font-size:28px; padding:12px 0; position:absolute; top:-33px; left:50%; margin-left:-185px;}
.maintenance_wrap .content .cate_area .section .cont {padding:70px 30px 25px; margin:33px 0 0 0; background:#ffffff; box-sizing:border-box; border-radius:10px; text-align:center;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list {display:table; width:550px; overflow:hidden;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list li {width:250px; height:88px; float:left; text-align:center; background:#e2e2e7; border-radius:8px; margin:0 20px 20px 0;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list li .txt {display:table-cell; vertical-align:middle; width:250px; height:88px;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list li .txt span {display:block;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list li .txt .tit {font-weight:700; color:#333333;}
.maintenance_wrap .content .cate_area .section .cont .knowhow_list li .txt .year {font-size:20px; color:#555555;}
.maintenance_wrap .content .cate_area .section .cont .notice {display:inline-block; font-size:22px; color:#2b74ec; text-align:center; padding:0 0 0 13px; position:relative;}
.maintenance_wrap .content .cate_area .section .cont .notice:before {display:block; content:''; width:3px; height:3px; background:#2b74ec; position:absolute; top:15px; left:0;}

.maintenance_wrap .content .cate_area .section .cont .technical_list {text-align:left;}
.maintenance_wrap .content .cate_area .section .cont .technical_list dt {font-weight:700; color:#333333; margin:20px 0 0 0;}
.maintenance_wrap .content .cate_area .section .cont .technical_list dt:first-child {margin-top:0;}
.maintenance_wrap .content .cate_area .section .cont .technical_list dd {font-size:20px; color:#555555; padding:0 0 0 22px; margin:5px 0 0 0; position:relative;}
.maintenance_wrap .content .cate_area .section .cont .technical_list dd:before {display:block; content:''; width:3px; height:3px; background:#5792f2; position:absolute; top:15px; left:0;}

.maintenance_wrap .content .cate_area .section.wide .cont {padding:34px 0 0;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list {overflow:hidden; position:relative;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list:before {display:block; content:''; width:1px; height:463px; position:absolute; top:25px; left:50%; background:#d1d5de;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list:after {display:block; content:''; width:520px; height:1px; position:absolute; top:50%; left:25px; background:#d1d5de;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li {width:290px; height:260px; padding:25px 0 0 0; box-sizing:border-box; text-align:center; float:left;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li > .tit {color:#5792f2; font-weight:700; margin:0 0 15px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career {display:inline-block; overflow:hidden; margin:0 0 15px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career img {float:left;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career .txt {float:left; margin:0 0 0 17px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career .txt span {display:block; line-height:26px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career .txt .year {font-size:20px; font-weight:700; color:#333333;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .career .txt .total_year {font-size:20px; color:#666666;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people {display:inline-block; overflow:hidden;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people li {float:left; text-align:center; margin:0 0 0 20px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people.one li {width:260px;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people li:first-child {margin-left:0;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people li img {}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people li .year {display:block;}
.maintenance_wrap .content .cate_area .section.wide .cont .gravity_list > li .people li .year em {font-size:20px; color:#999999;}

.maintenance_wrap .content .service_area {padding:45px 30px 50px; margin:0 -30px;}
.maintenance_wrap .content .top_txt_box .tit_area .kor {margin:0 0 20px;}

.maintenance_wrap .content .result_area {width:640px; margin:0 -30px; padding:44px 30px 100px; box-sizing:border-box;}
.maintenance_wrap .content .result_area .result_list {}
.maintenance_wrap .content .result_area .result_list li {display:table; width:580px; overflow:hidden; padding:30px 0; margin:10px 0 0 0; background:#ffffff; border-radius:8px;}
.maintenance_wrap .content .result_area .result_list li:first-child {margin-top:0;}
.maintenance_wrap .content .result_area .result_list li .img_box {display:table-cell; vertical-align:middle; width:198px; text-align:center; position:relative;}
.maintenance_wrap .content .result_area .result_list li .img_box:before {display:block; content:''; width:1px; height:100%; background:#e7e7e9; position:absolute; top:0; right:0;}
.maintenance_wrap .content .result_area .result_list li .img_box .tit {display:block; font-weight:700; color:#333333; margin:7px 0 0 0;}
.maintenance_wrap .content .result_area .result_list li dl {display:table-cell; vertical-align:middle; padding:0 30px;}
.maintenance_wrap .content .result_area .result_list li dl dt {font-weight:700; color:#333333; margin:10px 0 0;}
.maintenance_wrap .content .result_area .result_list li dl dt:first-child {margin-top:0}
.maintenance_wrap .content .result_area .result_list li dl dd {font-size:20px; line-height:28px; color:#777777; padding:0 0 0 9px; position:relative;}
.maintenance_wrap .content .result_area .result_list li dl dd:before {display:block; content:''; width:3px; height:3px; background:#5792f2; position:absolute; top:15px; left:0;}

/* design */
.design_wrap .content .service_area .sub_cont_tit {margin:0 0 10px;}
.design_wrap .content .top_txt_box {padding:0; margin:0 0 40px;}
.design_wrap .content .top_txt_box .kor {margin:0 0 15px;}

.design_wrap .content .design_box {overflow:hidden; margin:0 0 50px;}
.design_wrap .content .design_box dl {float:left; margin:0 0 0 20px;}
.design_wrap .content .design_box dl:first-child {margin-left:0;}
.design_wrap .content .design_box dl dt {width:251px; padding:12px 0; background:#5c94f2; text-align:center; font-size:28px; font-weight:700; color:#ffffff; border-radius:27px; margin:0 auto 20px;}
.design_wrap .content .design_box dl dd {width:280px; padding:15px 0; background:#ffffff; text-align:center; font-weight:700; color:#333333; border-radius:8px; margin:10px 0 0 0;}

.design_wrap .content .service_area {padding:40px 30px 50px; margin:0 -30px;}

.design_wrap .content .result_tab {padding:45px 0 0;}

/* product */
.research_wrap {}
.research_wrap .content {}
.research_wrap .content .research_list {}
.research_wrap .content .research_list li {overflow:hidden; margin:50px 0 0;}
.research_wrap .content .research_list li:first-child {margin-top:0;}
.research_wrap .content .research_list li .img_box {position:relative; margin:0 0 25px;}
.research_wrap .content .research_list li .img_box .txt_box {position:absolute; bottom:30px; left:30px;}
.research_wrap .content .research_list li .img_box .txt_box span {display:block; line-height:32px; color:#ffffff;}
.research_wrap .content .research_list li .img_box .txt_box .num {font-size:40px; font-weight:300; margin:0 0 16px;}
.research_wrap .content .research_list li .img_box .txt_box .tit {font-size:32px; font-weight:700;}
.research_wrap .content .research_list li .txt {letter-spacing:-1px; margin:0 0 15px;}
.research_wrap .content .research_list li .btn_area {overflow:hidden;}
.research_wrap .content .research_list li .btn_area .view {display:block; float:left; color:#333333; background:url(/asset/images/mobile/common/view_ico.png) right center no-repeat; padding:0 23px 0 0; margin:0 0 0 41px;}
.research_wrap .content .research_list li .btn_area .view:first-child {margin-left:0;}

/* product popup */
.layer_popup {}
.layer_popup .layer_head {width:580px; background:#5792f2; position:relative; padding:22px 30px; box-sizing:border-box;}
.layer_popup .layer_head .tit {font-size:32px; color:#ffffff; font-weight:700;}
.layer_popup .layer_head .layer_close {width:32px; height:32px; position:absolute; top:30px; right:30px; background:url(/asset/images/mobile/common/close_btn.png) 0 0 no-repeat; text-indent:-9999px;}

.layer_popup .layer_body {padding:30px;}
.layer_popup .layer_body .sub_cont_tit {text-align:center;}
.layer_popup .layer_body .sub_cont_tit .tit {font-size:28px; font-weight:700; color:#333333;}
.layer_popup .layer_body .layer_cont {}
.layer_popup .layer_body .layer_cont .layer_research_list {}
.layer_popup .layer_body .layer_cont .layer_research_list li {padding:15px 0; border-radius:8px; background:#f2f2f4; text-align:center; color:#333333; margin:10px 0 0 0; font-size:24px;}
.layer_popup .layer_body .layer_cont .layer_research_list liLfirst-child {margin-top:0;}

/* development */
.development_wrap .content {padding:40px 30px 0;}
.development_wrap .content .top_txt_box {padding:0 0 45px;}
.development_wrap .content .development_part_area {width:640px; margin:0 -30px; padding:45px 30px 50px; overflow:hidden; position:relative; box-sizing:border-box;}
.development_wrap .content .development_part_area .part_list {position:relative;}
.development_wrap .content .development_part_area .part_list .main_list {display:table; position:relative;}
.development_wrap .content .development_part_area .part_list .main_list:before {display:block; content:''; width:262px; height:262px; position:absolute; top:20px; left:20px; background:url(/asset/images/mobile/common/research_bg.png) 0 0 repeat; border-radius:50%;}
.development_wrap .content .development_part_area .part_list .main_list ul {display:table-cell; vertical-align:middle; width:302px; height:302px; padding:0 0 0 40px; box-sizing:border-box; border:1px solid #acb2c2; border-radius:50%;}
.development_wrap .content .development_part_area .part_list .main_list ul li {padding:0 0 0 12px; position:relative; margin:15px 0 0; font-size:20px;}
.development_wrap .content .development_part_area .part_list .main_list ul li:first-child {margin-top:0;}
.development_wrap .content .development_part_area .part_list .main_list ul li:before {display:block; content:''; width:3px; height:3px; background:#5792f2; position:absolute; top:15px; left:0;}
.development_wrap .content .development_part_area .part_list .sub_list {position:absolute; top:16px; right:0;}
.organization_list .list08 .sub_list00 .tit:after {content:''; display:block; background:url(/asset/images/front/common/dotted_horizontal.png) 0 0 repeat-x; width:140px; height:1px; position:absolute; top:-20px; left:49px;}
.development_wrap .content .development_part_area .part_list .sub_list:before {display:block; content:''; width:6px; height:6px; background:#7c89a3; border-radius:10px; position:absolute; top:50%; left:2px; margin:-3px 0 0 0; z-index:2;}
.development_wrap .content .development_part_area .part_list .sub_list:after {display:block; content:''; width:38px; height:1px; background:#c5c9d2; position:absolute; top:50%; left:4px;}
.development_wrap .content .development_part_area .part_list .sub_list ul:before {display:block; content:''; width:1px; height:213px; position:absolute; top:30px; left:41px; background:#c5c9d2;}
.development_wrap .content .development_part_area .part_list .sub_list ul {position:relative; padding:0 0 0 106px;}
.development_wrap .content .development_part_area .part_list .sub_list ul li {width:177px; padding:12px 0; background:#3c65c3; border-radius:13px; font-size:20px; font-weight:700; color:#ffffff; text-align:center; margin:17px 0 0; position:relative;}
.development_wrap .content .development_part_area .part_list .sub_list ul li:before {display:block; content:''; width:52px; height:1px; background:#c5c9d2; position:absolute; top:30px; left:-65px;}
.development_wrap .content .development_part_area .part_list .sub_list ul li:after {display:block; content:''; width:5px; height:5px; background:#7c89a3; position:absolute; top:28px; left:-16px; border-radius:10px;}
.development_wrap .content .development_part_area .part_list .sub_list ul li:first-child {margin-top:0;}

.development_wrap .content .main_bord_area {padding:45px 0 50px;}
.development_wrap .content .main_bord_area .main_bord_list {padding:10px; background:#f2f2f4;}
.development_wrap .content .main_bord_area .main_bord_list li {width:560px; height:176px; background:#ffffff; border-radius:10px; margin:10px 0 0 0;}
.development_wrap .content .main_bord_area .main_bord_list li:before {margin-top:0;}
.development_wrap .content .main_bord_area .main_bord_list li .img_box {display:table-cell; vertical-align:middle; width:280px; height:176px; text-align:center;}
.development_wrap .content .main_bord_area .main_bord_list li .txt {display:table-cell; vertical-align:middle; height:176px; font-weight:700; color:#5792f2;}

.development_wrap .content .main_bord_area .main_bord_list li.wide {display:table-cell; vertical-align:middle; text-align:center;}
.development_wrap .content .main_bord_area .main_bord_list li.wide .img_box {display:block; width:auto; height:auto; margin:0 0 20px;}
.development_wrap .content .main_bord_area .main_bord_list li.wide .txt {display:block; height:auto; text-align:center;}

.development_wrap .content .gaverment_area {width:640px; margin:0 -30px; padding:45px 30px 90px; box-sizing:border-box;}
.development_wrap .content .gaverment_area .gaverment_cont {}
.development_wrap .content .gaverment_area .gaverment_cont .cate_box {margin:45px 0 0;}
.development_wrap .content .gaverment_area .gaverment_cont .cate_box:first-child {margin-top:0;}
.development_wrap .content .gaverment_area .gaverment_cont .cate_box img {margin:0 0 25px;}
.development_wrap .content .gaverment_area .gaverment_cont .cate_box .txt {font-weight:700; color:#333333; text-align:center;} 
.development_wrap .content .gaverment_area .gaverment_cont .cate_box .txt span {display:block; font-size:22px; font-weight:400; color:#666666;}

.gravity_list2{}
.gravity_list2 li{display:flex;justify-content:space-between;align-items:center;padding:30px 30px 30px 50px;border-bottom:1px solid #d1d5de}
.gravity_list2 li span{width:50%;text-align:center}
.gravity_list2 li span em{font-weight:bold;color:#333}
.gravity_list2 li span:last-child{width:50%;font-size:24px;text-align:left}
.gravity_list2 li:last-child{border-bottom:0}
.section .tits{margin-top:1.25rem}