@charset "utf-8";


.header_util { width:1200px; position:relative; z-index:9999; margin:0 auto;}
.top_util_icon { overflow:hidden; }
.top_util_icon li { float:left; }
.top_util_link { position:absolute; right:0; top:0; }
.top_util_link p { float:left; }
.top_util_link p.t1 {height:25px; border:1px solid #fff; margin-right:5px; margin-top:5px;}
.top_util_link p.t3 {height:25px; border:1px solid #fff; margin-top:5px;}
.top_util_link p.t1 a {font-size: 13px; color:#ffffff; line-height:23px; padding:0 15px;}
.top_util_link p.t1 {font-size: 13px; color:#ffffff;}
.top_util_link p.t3 a {font-size: 13px; color:#ffffff; line-height:23px; padding:0 15px 0 15px; /*padding:0 15px 0 35px; background: url(../images/util_ico1.png) no-repeat 15px 3px;*/}
.top_util_link p.t1 a span { width:6px; height:11px; background: url(../images/top_util_arr_left.png) no-repeat left top; display:inline-block; margin-left: 16px; vertical-align: top; margin-top: 7px;}
.top_util_link p.t3 a span { width:11px; height:6px; background: url(../images/top_util_arr.png) no-repeat left top; display:inline-block; margin-left: 13px; vertical-align: top; margin-top: 9px;
/*-webkit-transition:width 2s, height 2s, background-color 2s, -webkit-transform 2s;*/
/*transition:width 2s, height 2s, background-color 2s, transform 2s;*/
    -webkit-transition:-webkit-transform 0.3s;
    transition:transform 0.3s;}
.top_util_link p.t3 a span.active {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.top_tog_list { position:absolute; right:0; top:34px; z-index:9999; border:1px solid #1b54b2; background: #fff; width:127px; padding:10px 0; display:none; }
.top_tog_list li {  width:127px; }
.top_tog_list li a { display:block; padding:6px 0 6px 0; margin:0 10px; color:#000000; border-top:1px solid #bcbcbc; font-size:13px; text-align:center; }
.top_tog_list li:first-child a { border-top:none; }
.top_tog_list li a:hover , .uiWeb .top_tog_list li a.active { background: #879eb5; color:#fff; }


/*    상단 GNB관련            */
.gnb {position:absolute; z-index:9998;overflow:hidden;height:88px;letter-spacing:0; margin-left:260px;}
.gnb ul li {position:relative;float:left; width:168px; text-align:center;}
.gnb ul li.long {position:relative;float:left; width:265px; text-align:center;}
.gnb .depth1 {position:relative; display:block; color:#000; font-size:20px; font-family: Arial, sans-serif; font-weight:bold; line-height:88px;}
.gnb ul li ul {display:block;padding:13px 0; min-height:140px; opacity:0;transform:translateY(20px);}
.gnb ul li ul li {float:none; padding-bottom:20px; width:auto;}
.gnb ul li ul li a {font-size:16px; color:#333333;}
.gnb ul li ul li a:hover {color:#1b54b2;}
.gnb .line {position:absolute; display:block; bottom:-2px; height:2px; width:0%; background:#1b54b2; left:76px;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 123px; z-index:1; overflow: hidden;}
.navi-bg .white-bg {width:100%;height:100%; background:url(../images/sub_menu_bg.png) left top no-repeat; background-position:center;}
.navi-bg.open {border-bottom:1px solid rgba(0,0,0,.1)}
.navi-bg .white-bg .white-bg-txt {position:relative; left:50%; margin-left:-680px; padding-top:100px; width:280px; text-align:right;}
.sub_menu_txt1 {font-size:16px; color:rgba(255,255,255,0.6); line-height:26px; font-weight:normal;}
.sub_menu_txt2 {font-size:40px; color:#fff; line-height:50px; font-weight:bold; text-shadow : 3px 3px 3px rgba(0, 0, 0, 0.26); padding-bottom:25px;}
.sub_menu_txt3 {font-size:15px; color:#fff; line-height:25px; font-weight:normal;}

.motion {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
.delay1{
    -webkit-transition-delay:0.1s;
       -moz-transition-delay:0.1s; 
         -o-transition-delay:0.1s;
            transition-delay:0.1s;
}
.delay2{
    -webkit-transition-delay:0.2s;
       -moz-transition-delay:0.2s; 
         -o-transition-delay:0.2s;
            transition-delay:0.2s;
}
.delay3{
    -webkit-transition-delay:0.3s;
       -moz-transition-delay:0.3s; 
         -o-transition-delay:0.3s;
            transition-delay:0.3s;
}
.depth1-line-show{width:100% !important; left:0px !important;}
.navi-bg.open{height:360px;}
.gnb.open{height:600px;}
.gnb ul li ul.open{
    -webkit-transform:translateY(0px);
       -moz-transform:translateY(0px);
         -o-transform:translateY(0px);
            transform:translateY(0px);
    
    opacity:1;
}



/*****************/
#sub_visu{
	width:100%;
	height:393px;
	background:url(../images/sub_visual.png) no-repeat center bottom;
}
.sub_visu {width:1200px; margin:0 auto;}
.sub_visu_tit {font-size:45px; line-height:55px; font-weight:bold; color:#ffffff; text-align:left; padding-top:210px; padding-bottom:20px; font-family: Arial, sans-serif;}
.sub_visu_tit span {font-size:25px; line-height:35px; font-weight:bold; color:#ffffff; text-align:left; padding-left:25px;}
.sub_visu_loca {background:url(../images/home.png) left 3px no-repeat; font-size:15px; line-height:25px; color:#ccced2; padding-left:20px; font-weight:bold;}
.sub_visu_loca span {color:#ffffff; padding-left:0;}



/* 서브메뉴 */
#contentLocation{width:100%; height:60px; background-color:#273e82;}
.location-inner{margin:0 auto;width:100%;}
.location-inner > ul{ width:1200px;height:100%; margin:0 auto;}
.location-inner > ul > li{position:relative; float:left;}
.location-inner > ul > li.location1{width:240px; height:100%; color:#fff; background:url(../images/sub_menu_bar.png) right 15px no-repeat;}
.location-inner > ul > li.location2{width:410px; height:100%; color:#fff; background:url(../images/sub_menu_bar.png) right 15px no-repeat;}
.location-inner > ul > li.home {width:66px; height:60px; padding-right:0px;  background:url(../images/sub_menu_bar.png) right 15px no-repeat; }
.location-inner > ul > li.home img { margin-left:17px; margin-top:21px; }
.location-inner > ul > li.location1 > a{display:block; padding-left:28px; padding-right:28px; font-size:16px; background:url(../images/location_arrow.png) no-repeat 200px 50%; color:#fff; font-weight:normal; line-height:60px;}
.location-inner > ul > li.location1 > a:hover { text-decoration:none; }
.location-inner > ul > li.location2 > a{display:block; padding-left:28px; padding-right:28px; font-size:16px; background:url(../images/location_arrow.png) no-repeat 370px 50%; color:#fff; font-weight:normal; line-height:60px;}
.location-inner > ul > li.location2 > a:hover { text-decoration:none; }
.location-inner > ul > li .location-2dep{display:none; position:absolute; top:60px;left:-1px;width:240px; border:1px solid #dcdcdc; border-bottom-color:#000000; background-color:#fff; z-index:11;}
.location-inner > ul > li .location-2dep2{display:none; position:absolute; top:60px;left:-1px;width:410px; border:1px solid #dcdcdc; border-bottom-color:#000000; background-color:#fff; z-index:11;}
.location-inner > ul > li .location2 { background-color:#0e1518;}
.location-inner > ul > li .location2>a {color:#ffffff;}
.location-inner > ul > li .location-2dep li {height:48px; line-height:48px; border-top:1px solid #dcdcdc;  }
.location-inner > ul > li .location-2dep li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep li a{display:block; padding-left:20px; color:#7e7e7e; font-size:15px; }
.location-inner > ul > li .location-2dep li a:hover{color:#272727;font-weight:500;  text-decoration:none;}	
.location-inner > ul > li .location-2dep2 li {height:48px; line-height:48px; border-top:1px solid #dcdcdc;  }
.location-inner > ul > li .location-2dep2 li:first-child{border-top:0;}
.location-inner > ul > li .location-2dep2 li a{display:block; padding-left:20px; color:#7e7e7e; font-size:15px; }
.location-inner > ul > li .location-2dep2 li a:hover{color:#272727;font-weight:500;  text-decoration:none;}	



/* subpage 공통사항 */
#contents_wrap { width:100%; margin:0 auto; }
#article_wrap { width:100%;  padding-top:50px; border-bottom:1px solid #d7d7d7;}
#article_top{overflow:hidden; margin:0 auto; width:1200px; background:url(../images/title_bar.png) bottom center no-repeat;}
#article_top h3{font-size:35px; line-height:50px; color:#333333; font-weight:normal; text-align:left; padding-bottom:20px; font-family: Arial, sans-serif; border-bottom:2px solid #00538f; display:inline-block;}
.sub_title {font-size:25px; line-height:35px; margin:30px 0 20px 0; font-weight:bold; color:#000;}
.sub_title2 {font-size:25px; line-height:35px; margin:0 0 20px 0; font-weight:bold; color:#000;}
.subpage_title_line {width:1100px; height:1px; background-color:#eeeeee; margin-bottom:40px;}
#article { width:1100px; }
#article:after { display:block; content:''; clear:both; }
.article_title { font-size:26px; line-height:26px; font-weight:500; padding:15px 0 0; font-weight:400; margin-bottom:40px; }	

#contents { width:100%; margin:0 auto;}
#contents_page { width:1200px; margin:0 auto;}
#contents h2.inquiry_title {font-size:25px; font-weight:bold; color:#2680eb; line-height:25px; padding-bottom:15px;}
#contents h2.inquiry_title span {background:url(../images/kakao.png) 5px 10px no-repeat; padding-left:35px;}
#contents h2.subject {font-size:20px; font-weight:bold; color:#383838; line-height:25px; padding-bottom:15px;}



/* 메인비주얼 */
.contents_top {position:relative;width:100%;height:969px;overflow:hidden; top:123px;}
.contents_top .swiper-container {position:relative;width:100%;height:846px;overflow:hidden;}
.contents_top .swiper-wrapper {position:relative;}
.contents_top .swiper-slide {float:left;position:relative;width:100%;height:846px;overflow: hidden;}
.contents_top .swiper-slide .bg {position:absolute;left:0;top:0;width:100%;height:846px;z-index:1;transform:scale(1) rotate(0.0001deg);transition:transform .6s ease-in-out .5s;}
.contents_top .swiper-slide.slide1 .bg {background:url("../images/main_visu1.png") top center no-repeat;}
.contents_top .swiper-slide.slide2 .bg {background:url("../images/main_visu2.png") top center no-repeat;}
.contents_top .swiper-slide.slide3 .bg {background:url("../images/main_visu3.png") top center no-repeat;}
.contents_top .swiper-slide-active .bg {transform:scale(1.1) rotate(0.0001deg);transition:transform 30s ease .1s;}
.contents_top .swiper-slide .inner {position:relative;margin:0 auto;width:1200px;height:100vh;z-index:2;}
.contents_top .swiper-slide .inner .txt1 {position:absolute;left:0;top:362px;opacity:0;margin-bottom:-100px;transition:all .6s ease-in-out .2s; color:#fff; font-size:27px; line-height:37px; font-family: Arial, sans-serif; font-weight:bold; letter-spacing:10px;text-shadow: 1px 1px 1px gray;}
.contents_top .swiper-slide .inner .txt1 span {color:#2f60ec;}
.contents_top .swiper-slide .inner .txt2 {position:absolute;top:410px;opacity:0; transition:all .8s ease-in-out .2s; font-size:55px; color:#fff; font-weight:800; line-height:65px; font-family: Arial, sans-serif;text-shadow: 1px 1px 1px gray;}
.contents_top .swiper-slide .inner .txt3 {position:absolute;top:490px;opacity:0; transition:all .8s ease-in-out .2s; font-size:20px; font-family: Arial, sans-serif; color:rgba(255,255,255,0.7);text-shadow: 1px 1px 1px gray;}
.contents_top .swiper-slide.slide1 .inner .txt2 {left:0;}
.contents_top .swiper-slide.slide2 .inner .txt2 {left:0;}
.contents_top .swiper-slide.slide3 .inner .txt2 {left:0;}
.contents_top .swiper-slide.swiper-slide-active .inner .txt1 {opacity:1;margin-bottom:0;}
.contents_top .swiper-slide.swiper-slide-active .inner .txt2 {opacity:1;margin-bottom:0;}
.contents_top .swiper-slide.swiper-slide-active .inner .txt3 {opacity:1;margin-bottom:0;}
.contents_top .swiper-controls {position:absolute;left:50%; top:235px; margin-left:-600px;width:1200px;z-index:4;height:40px;}
.contents_top .swiper-controls .count {position:absolute;left:0; padding:70px 0;}
.contents_top .swiper-controls .swiper-button-prev {display:block;position:absolute;left:0;bottom:0;margin-top:0;width:63px;height:59px;text-indent:-9999px;background-image:url("../images/main_visual_prev_btn.png");outline:none;z-index:4;background-size:63px;cursor:pointer;overflow:hidden;}
.contents_top .swiper-controls .swiper-button-next {display:block;position:absolute;left:71px;bottom:0;margin-top:0;width:63px;height:59px;text-indent:-9999px;background-image:url("../images/main_visual_next_btn.png");outline:none;z-index:4;background-size:63px;cursor:pointer;overflow:hidden;}
.contents_top .swiper-controls .swiper-button-play {display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-9999px;background-image:url("/images/main/visual_btn_play.png");outline:none;z-index:4;background-size:40px;cursor:pointer;overflow:hidden;}
.contents_top .swiper-controls .swiper-button-stop {display:block;position:absolute;bottom:0;right:0;width:40px;height:40px;text-indent:-9999px;background-image:url("/images/main/visual_btn_stop.png");outline:none;z-index:4;background-size:40px;cursor:pointer;overflow:hidden;}


/* 메인프로덕트 */
#main_product {width:100%; padding:100px 0 0; display: block;}
.main_product {width:1340px; margin:0 auto; height:610px;padding:0 0 100px;}
.main_product_tit {width:1200px; margin:0 auto; height:135px;}
.product_tit_left {float:left; width:400px;}
.product_tit1 {font-size:18px; color:#000; font-weight:normal; line-height:25px; padding-left:3px;}
.product_tit2 {font-size:60px; color:#1b54b2; font-weight:800; line-height:65px; font-family: Arial, sans-serif;}
.product_tit_right {float:left; width:800px;}
.product_txt {font-size:18px; color:#4a4949; font-weight:normal; line-height:28px; padding-top:32px;}

.main_product_ele {width:1340px; margin:0 auto; height:475px;}
#scroll_wrap { width:1340px;}
#scroll_wrap div { float:left; }
.scroll-img {width:1200px; height:475px; overflow: hidden; font-size: 0; margin:0 auto;}
.scroll-img ul { width: 1200px; height:475px; margin: 0 auto; }
.scroll-img ul li{ display: inline-block; margin-right:36px; float:left; vertical-align:middle; width:273px; height:475px;overflow: hidden;position: relative;}
.scroll-img ul li.last{ margin-right:0px;}
#scrollbox.scroll-img ul { width: 10000px; }
.btn_left {float:left; width:70px; cursor:pointer; padding-top:211px;}	
.btn_right {float:right; width:70px; cursor:pointer; padding-top:211px; text-align:right}
.scroll-img ul li span {position: absolute ; top: 0px; width: 273px; color: white; padding: 25px 0 0 0; display: block; font-size:28px; line-height:38px; font-weight:800; text-align:center; font-family: Arial, sans-serif;}
.shadow {position: absolute ; top: 475px; width: 273px; transition: 0.5s;}
.detail {display: none; margin: a auto; padding:34px;}
.detail .shadow_txt {text-align: left; font-size:18px; line-height:28px; color:#fff; height:130px;}
.detail img {clear: both;}

.scroll-img ul li:hover {}
.scroll-img ul li:hover .shadow {width: 275px; height: 245px; background-color: rgba(5, 48, 121, .7); top:230px;}
.scroll-img ul li:hover .detail {display: block;}

.scroll-img ul li .button p {font-size:15px; line-height:40px; color:#fff; padding-left:20px;}
.scroll-img ul li .button {
  -webkit-font-smoothing: antialiased;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  user-select: none;
  color: white;
  width:150px;
  height:40px;
  line-height:40px;
  transition: all 0.1s ease-out;}
  
.scroll-img ul li .button:hover {
  -webkit-font-smoothing: antialiased;
  background-color: #053079;
  border: 1px solid #053079;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  color: white;
  width:150px;
  height:40px;
  line-height:40px;
  transition: all 0.1s ease-out;}
  
  
/* 메인시스템 */
#main_system {width:100%; display: block; margin-top:100px; background:url(../images/main_system_bg.png) center top no-repeat;}
#main_system .main_system {width:1200px; height:620px; margin:0 auto;}
#main_system .main_system .s1 {float:left; width:449px; height:620px; border-right:1px solid rgba(255, 255, 255, .2);}
#main_system .main_system .s1 .system_tit1 {font-size:18px; color:#fff; font-weight:normal; line-height:25px; padding:75px 0 15px 3px;}
#main_system .main_system .s1 .system_tit2 {font-size:45px; color:#fff; font-weight:800; line-height:55px; font-family: Arial, sans-serif;}
#main_system .main_system .s1 .system_tit3 {font-size:15px; color:#fff; font-weight:normal; line-height:28px; padding:20px 0 50px;}
#main_system .main_system .s1 .button p {font-size:15px; line-height:45px; color:#fff; text-align:center;}
#main_system .main_system .s1 .button {
  -webkit-font-smoothing: antialiased;
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  user-select: none;
  color: white;
  width:165px;
  height:45px;
  line-height:45px;
  transition: all 0.1s ease-out;}  
#main_system .main_system .s1 .button:hover {
  -webkit-font-smoothing: antialiased;
  background-color: #053079;
  border: 1px solid #053079;
  color: #fff;
  display: inline-block;
  text-decoration: none;
  color: white;
  width:165px;
  height:45px;
  line-height:40px;
  transition: all 0.1s ease-out;}
#main_system .main_system .s2 {float:left; width:249px; height:620px; border-right:1px solid rgba(255, 255, 255, .2);}
#main_system .main_system .s3 {float:left; width:249px; height:620px; border-right:1px solid rgba(255, 255, 255, .2);}
#main_system .main_system .s4 {float:left; width:249px; height:620px; border-right:1px solid rgba(255, 255, 255, .2);}
#main_system .main_system .system_icon {padding-top:120px; margin-left:-2px;}
#main_system .main_system .system_tit4 {font-size:18px; color:#fff; font-weight:bold; line-height:28px; padding:55px 30px 15px 30px;}
#main_system .main_system .system_text1 {font-size:15px; color:#fff; font-weight:normal; line-height:25px; height:124px; padding:0 30px 15px 30px;}
#main_system .main_system .system_text {font-size:15px; color:#fff; font-weight:normal; line-height:25px; height:180px; padding:0 30px 15px 30px;}
#main_system .main_system a.button2 {line-height:58px; background:#5db1d5; color:#fff; padding:20px 25px; border-radius:31px; margin-left:30px;}
#main_system .main_system a.button2:hover {background:#12678c; color:#fff;}


/* 메인게시판 */
#main_board {width:100%; display: block; margin:100px 0;}
.main_board {width:1200px; margin:0 auto;}
.main_board_tit {width:1200px; margin:0 auto; height:135px;}
.main_board_tit_left {float:left; width:400px;}
.main_board_tit1 {font-size:18px; color:#000; font-weight:normal; line-height:25px; padding-left:3px;}
.main_board_tit2 {font-size:60px; color:#1b54b2; font-weight:800; line-height:65px; font-family: Arial, sans-serif;}
.main_board_tit_right {float:left; width:800px;}
.main_board_txt {font-size:18px; color:#4a4949; font-weight:normal; line-height:28px; padding-top:32px;}
.main_board_cotents {width:100%; height:562px;}
.main_board_cotents_left {width:795px; float:left; margin-right:30px;}
.main_board_cotents_left_1 {width:795px; height:270px; margin-bottom:20px;}
.main_board_cotents_left_1 .img-thumb {
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 795px; /*width: 260px;*/
    height: 270px;
}
.main_board_cotents_left_1 .img-thumb img {
    width: 795px; /*width: 260px;*/
    height: 270px;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transform: scale(1);
}
.main_board_cotents_left_1 a:hover .img-thumb img {
    transform: scale(1.15);
}
.main_board_cotents_left_1 .txt1 {
	position: relative;
	font-size:25px;
	line-height:35px;
	top:-120px;
	color:#ffffff;
	text-align:right;
	padding-right:35px;
	z-index:1;
	border:0;
}
.main_board_cotents_left_1 .txt2 {
	position: relative;
	font-size:35px;
	line-height:45px;
	top:-120px;
	color:#ffffff;
	text-align:right;
	font-weight:800;
	z-index:1;
	padding-right:35px;
	border:0;
}
.main_board_cotents_left_1 .over-cover {position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0;filter:Alpha(opacity=0);
    background-color:rgba(0,0,0,0.6); z-index:888;  box-sizing:border-box;}
	
.main_board_cotents_left_2 {width:795px; height:272px; margin-bottom:20px;}
.main_board_cotents_left_2_1 {width:387px; height:272px; margin-right:20px; float:left;}
.main_board_cotents_left_2_1 .img-thumb {
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 387px; /*width: 260px;*/
    height: 272px;
}
.main_board_cotents_left_2_1 .img-thumb img {
    width: 387px; /*width: 260px;*/
    height: 272px;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transform: scale(1);
}
.main_board_cotents_left_2_1 a:hover .img-thumb img {
    transform: scale(1.15);
}
.main_board_cotents_left_2_1 .txt {width:387px; height:110px; box-sizing:border-box; background-color:#1b54b2; position: relative;  margin-top:-110px;}
.main_board_cotents_left_2_1 .txt1 {
	position: relative;
	font-size:20px;
	line-height:30px;
	color:#ffffff;
	font-weight:800;
	padding-left:35px;
	padding-top:25px;
	z-index:1;
	border:0;
}
.main_board_cotents_left_2_1 .txt2 {
	position: relative;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	z-index:1;
	padding-left:35px;
	border:0;
}
.main_board_cotents_left_2_1 .over-cover {position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0;filter:Alpha(opacity=0);
    background-color:rgba(0,0,0,0.6); z-index:888;  box-sizing:border-box;}

.main_board_cotents_left_2_2 {width:387px; height:272px; float:right;}
.main_board_cotents_left_2_2 .img-thumb {
    display: block;
    font-size: 0;
    overflow: hidden;
    width: 387px; /*width: 260px;*/
    height: 272px;
}
.main_board_cotents_left_2_2 .img-thumb img {
    width: 387px; /*width: 260px;*/
    height: 272px;
    transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
    transform: scale(1);
}
.main_board_cotents_left_2_2 a:hover .img-thumb img {
    transform: scale(1.15);
}
.main_board_cotents_left_2_2 .txt {width:387px; height:110px; box-sizing:border-box; background-color:#3b4559; position: relative; margin-top:-110px;}
.main_board_cotents_left_2_2 .txt1 {
	position: relative;
	font-size:20px;
	line-height:30px;
	color:#ffffff;
	font-weight:800;
	padding-left:35px;
	padding-top:25px;
	z-index:1;
	border:0;
}
.main_board_cotents_left_2_2 .txt2 {
	position: relative;
	font-size:14px;
	line-height:24px;
	color:#ffffff;
	z-index:1;
	padding-left:35px;
	border:0;
}
.main_board_cotents_left_2_2 .over-cover {position:absolute; top:0px; left:0px; width:100%; height:100%; visibility:hidden; opacity:0;filter:Alpha(opacity=0);
    background-color:rgba(0,0,0,0.6); z-index:888;  box-sizing:border-box;}

.main_board_cotents_right {float:right; width:375px; height:562px; border:2px solid #e5e5e5;}
.main_board_1 {width:302px; float:left; padding:30px 0 30px 35px;height:562px;}
.main_board_2 {width:34px; float:right;height:562px;}
.main_board_notice_tit {width:302px;font-size:25px; font-weight:bold; line-height:35px; padding-bottom:10px; border-bottom:2px solid #e5e5e5;font-family: Arial, sans-serif;}
.main_board_notice_more {vertical-align:top; text-align:right; width:34px}
.main_board_area {width:302px;}


/* 페이지 */
.sub_page_title {font-size:28px; line-height:38px; font-weight:bold; font-family: Arial, sans-serif; padding-bottom:10px; color:#30287c;}
.sub_page_title2 {font-size:23px; line-height:33px; font-weight:bold; font-family: Arial, sans-serif; padding-bottom:10px; color:#333333;}
.sub_page_title2_2 {font-size:23px; line-height:33px; font-weight:bold; font-family: Arial, sans-serif; color:#333333;}
.red_txt {font-size:17px; font-weight:bold; padding-bottom:10px; line-height:27px; color:red;}
.pt50 {padding-top:50px !important;}

/* company :: greeting */
.greeting {width:100%; padding:50px 0 100px;}
.greeting_img {position:absolute; height:450px;}
.greeting_title {font-size:30px; color:#fff; line-height:40px; padding:45px 30px 30px 45px; width:630px; height:170px; position:relative; top:250px; left:520px; background:rgba(34,68,162,.8); -moz-box-shadow: 20px 20px 60px -25px #000; -webkit-box-shadow: 20px 20px 60px -25px #000; box-shadow: 20px 20px 60px -25px #000;}
.greeting_title2 {font-size:20px; color:#292929; line-height:30px; padding-bottom:20px; padding-top:480px}
.greeting_title3 {font-size:20px; color:#292929; line-height:30px; padding-bottom:10px; padding-top:30px}
.greeting_txt {padding-bottom:20px; font-size:17px; line-height:27px; color:#646464;}
.greeting_sign {font-size:20px; color:#292929; line-height:30px; padding-top:20px;}


/* company :: history */
.history {width:100%; padding:100px 0 200px;}
.color-blue { color: #004f9d !important; }
.color-dark3 { color: #555 !important; }
.res { position: relative; }
.res-box { position: relative; margin-bottom: 250px; }
.res-box:before{
    content: ''; position: absolute; top: 14px; left: 335px; width: 1px; height: calc(100% - 14px);
    background: #e5e5e5;
    box-sizing: border-box;
}
.res-box:after{
    content: ''; position: absolute; top: 0; left: 328px; width: 14px; height: 14px;
    background: transparent; border: 3px solid #004f9d; border-radius: 50%;
    box-sizing: border-box;
}
.res-box:last-child { margin-bottom: 0; }
.res_left { float: left; margin-top: -19px; }
.res_left p { font-family: Arial; font-size: 48px; line-height: 50px; color: #999999; font-weight:bold;}
.res_right {position: relative; margin-left: 370px; border-bottom: 1px solid #e5e5e5;}
.res_right:last-child { border-bottom: none; }
.res_row_title { position: absolute; top: 0; left: 0; width: 150px; line-height: 28px; text-align: left; font-family: Arial; font-size: 20px; font-weight: bold; color:#333333;}
.res_row_wrap { padding-left: 150px; width: 100%; }
.res_row_group .res_row { margin-bottom: 15px; }
.res_row_wrap .res_row { position: relative; margin-bottom: 8px; }
.res_row_wrap .res_row:last-child { margin-bottom: 33px; }
.res:last-child .res_row:last-child { margin-bottom: 0; }

.res_row span:last-child { padding-left: 10px; color: #555; background: url('../images/square.png') no-repeat left top 13px; font-size:17px;}

.res-large .res_row_title { width: 110px; }
.res-large .res_row_wrap { padding-left: 135px; }

.res-back { z-index: -1; position: absolute; left: 0; font-size: 200px; font-family: Arial; font-weight: bold; color: #f4f7f8; }
.back-top { top: -100px; }
.back-bottom { bottom: -100px; }


/* company :: company_info */
.company_info {width:100%; padding:50px 0 100px;}

/* table */
.default_table{width:100%; border-top:2px solid #335173;border-collapse:collapse;}
.default_table th, .default_table td{padding:19px 0; border-bottom:1px solid #eaeaea; word-wrap:break-word; word-break:break-all; color:#666;}
.default_table th{font-size:17px; font-weight:400; color:#333333;padding:20px 0; border-left:1px solid #eaeaea;}
.default_table td{padding:20px 0 20px 30px; border-left:1px solid #eaeaea; color:#646464; font-size:17px;}
.default_table .bdl0{border-left:0 none; background-color:#fafafa; text-align:center;}
.default_table .bdl1{border-left:1px solid #eaeaea; background-color:#fafafa; text-align:center;}

.default_table2{width:100%; border-top:2px solid #335173;border-collapse:collapse;}
.default_table2 th, .default_table2 td{padding:19px 0; border-bottom:1px solid #eaeaea; word-wrap:break-word; word-break:break-all; color:#666;}
.default_table2 th{font-size:17px; font-weight:400; color:#333333;padding:20px 0; border-left:1px solid #eaeaea; background-color:#fafafa;}
.default_table2 td{padding:20px 0 20px 0px; border-left:1px solid #eaeaea; color:#646464; font-size:17px; text-align:center;}
.default_table2 th.bdl0{border-left:0 none; background-color:#fafafa; text-align:center;}
.default_table2 td.bdl0{border-left:0 none; text-align:center;}

.default_table3{width:100%; border-top:2px solid #335173;border-collapse:collapse;}
.default_table3 th, .default_table3 td{padding:10px 0; border-bottom:1px solid #eaeaea; word-wrap:break-word; word-break:break-all; color:#666;}
.default_table3 th{font-size:17px; font-weight:400; color:#333333;padding:20px 0; border-left:1px solid #eaeaea;}
.default_table3 td{padding:10px 20px 10px 20px; border-left:1px solid #eaeaea; color:#646464; font-size:17px;}
.default_table3 .bdl0{border-left:0 none; background-color:#fafafa; text-align:center;}
.default_table3 .bdl1{border-left:1px solid #eaeaea; background-color:#fafafa; text-align:center;}

.company_info .philosophy_box { margin: 63px 0 0; clear:both; display:table; }
.company_info .philosophy_box div { width: 348px; float: left; margin: 0 0 0 78px; }
.company_info .philosophy_box div:first-child { margin: 0; }
.company_info .philosophy_box div h1 { font-size: 30px; color: #273e82; font-weight: bold;  font-family: Arial, sans-serif;}
.company_info .philosophy_box div p.tit_unit { margin: 20px 0 0; position: relative; font-size: 23px; font-family: Arial, sans-serif; letter-spacing: 0; }
.company_info .philosophy_box div p.tit_unit span { padding: 0 13px 0 0; background-color: #fff; position: relative; z-index: 1; }
.company_info .philosophy_box div p.tit_unit:after { width: 100%; height: 1px; background-color: #333; display: block; content: ""; position: absolute; left: 0; top: 9px; }
.company_info .philosophy_box div ul { padding:20px 0;}
.company_info .philosophy_box div li { background: url('../images/square.png') no-repeat left top 13px; font-size:17px; line-height: 30px; padding-left: 10px;}


/* company :: organization */
.organization {width:100%; padding:50px 0 100px;}


/* company :: ci_info */
.ci_info {width:100%; padding:50px 0 100px;}
.ci_info_txt {font-size:17px; line-height:27px; padding-bottom:20px;}
.ci_info_half {width:100%; display:table; clear:both; padding-top:50px;}
.ci_info_left {float:left; margin-right:50px; width:575px;}
.ci_info_right {float:right; width:575px;}
.ci_info_shot {width:200px; margin-right:50px; float:left;}
.ci_info_shot img {border:3px solid #f1f1f1;}
.ci_info_shot_txt {width:950px; float:right; padding-top:50px;}


/* company :: branch */
.branch {width:100%; padding:50px 0 100px;}
.branch_greeting {width:100%; padding:0 0 50px; background: url('../images/indus.png') no-repeat right top;}
.branch_greeting_text {width:550px;}
.branch_greeting_title2 {font-size:20px; color:#292929; line-height:28px; padding-bottom:20px;}
.branch_greeting_title2 span {font-size:30px; color:#4495c9; line-height:70px; font-weight:800;}
.branch_greeting_title3 {font-size:20px; color:#292929; line-height:30px; padding-bottom:10px; padding-top:30px}
.branch_greeting_txt {padding-bottom:20px; font-size:17px; line-height:27px; color:#646464;}

.branch_history {width:100%; padding:50px 0 0;}
.branch2 {width:100%; padding:50px 0 100px; height:865px;}
.branch2_title {font-size:22px; font-weight: bold;  font-family: Arial, sans-serif; color:#30287c; line-height:35px;}
.branch2_txt li {background: url('../images/square.png') no-repeat left top 13px; font-size:15px; line-height: 25px; padding-left: 10px;}

/* company :: info */
.agent {border: 1px solid #ccc; margin-bottom: 30px; padding: 40px 50px;}
.agent.last {margin-bottom: 0;}
.info {display: inline-block; margin-top: 8px;}
.info p {padding: 6px 0; font-size: 20px;}

/* company :: location */
.location {width:100%; padding:0 0 100px;}
.location_tab > ul{
	margin-top: 40px;
	margin-bottom: 40px;
}
.location_tab > ul:after{
	display: block;
	clear: both;
	content: '';
}
.location_tab > ul > li{
	float: left;
	width: 33.33%;
}
.location_tab > ul > li > a{
	display: block;
	overflow: hidden;
	font-size:17px;
	margin: 1px;
	border: 1px solid #E1E1E1;
	background-color: #E1E1E1;
	line-height: 45px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.location_tab > ul > li.on > a{
	border: 1px solid #273e82;
	background-color: #273e82;
	color: #FFFFFF;
}


/* system :: system */
.system {width:100%; padding:50px 0 100px;}
.system_half {width:100%; display:table; clear:both; padding-top:50px;}
.system_left {float:left; margin-right:50px; width:575px;}
.system_left img {border:1px solid #d3d3d3;}
.system_right {float:right; width:575px;}
.system_right img {border:1px solid #d3d3d3;}
.system_ex ul li.list {width:100%; border-bottom:1px solid #e4e4e8; padding:30px 0; display:table;}
.system_ex ul li.list .thumb_img {border:1px solid #e4e4e8;}
.system_img {float:left; width:300px; margin-right:50px;}
.system_txt {float:right; width:850px;}
.system_txt .title {font-size:30px; font-weight: bold;  font-family: Arial, sans-serif; color:#333333; line-height:40px; padding:20px 0 10px;}
.system_txt .txt {font-size:17px; line-height:27px;}
.system_txt ul li {background: url('../images/square.png') no-repeat left top 13px; font-size:17px; line-height:27px; padding-left:10px;}
#simplemodal-overlay {background-color:#000000;}
#modal_content, #modal_content2, #modal_content3, #modal_content4, #modal_content5, #modal_content6, #modal_content7, #modal_content8, #modal_content9, #modal_content10, #modal_content11, #modal_content12, #modal_content13, #modal_content14, #modal_content15, #modal_content16, #modal_content17, #modal_content18, #modal_content19, #modal_content20, #modal_content21, #modal_content22 {display:none; margin:0 auto;}	



.system .line {width: 100%; overflow: hidden;}
.system .line li {float: left; margin-right: 40px; margin-bottom: 40px;}
.system .line li:nth-child(2n) {float: right; margin-right: 0;}
.system .line li .line_txt .line_tit {text-align: center; font-size: 20px; line-height: 30px; padding: 10px 0; color: #333;}
.system .line li .line_txt .line_tit2 {text-align: center; font-size: 18px; line-height: 28px;}

/* rnd :: rnd */
.rnd {width:100%; padding:100px 0 100px;}
.rnd2 {width:100%; padding:50px 0 100px;}
.rnd_title {font-size:30px; font-family: Arial, sans-serif; font-weight:normal; line-height:40px; color:#111111; text-align:center; padding-bottom:70px;}
.rnd_title2 {font-size:30px; font-family: Arial, sans-serif; font-weight:normal; line-height:40px; color:#312973; padding:50px 0 20px;}
.aboutCi_inner {position: relative;}
.aboutCi_inner .img_box {position: absolute;left: 50%;top: 50%;margin-left: -210px;margin-top: -130px;z-index: 99;}
.aboutCi_inner > ul {font-size: 0;}
.aboutCi_inner > ul > li {display: inline-block;vertical-align: top;width: 50%;box-sizing:border-box;margin-bottom: 25px;}
.aboutCi_inner > ul > li:nth-child(3),.aboutCi_inner > ul > li:nth-child(4) {margin-bottom: 0;}
.aboutCi_inner > ul > li div {position: relative;background-color: #f6f6f6;padding-left: 166px;padding-right: 30px;padding-top: 10px;padding-bottom: 30px; height:215px}
.aboutCi_inner > ul > li div strong {display: block;position: absolute;font-size: 20px;color: #2e3480;line-height:22px;left: 40px;top: 55px;}
.aboutCi_inner > ul > li:nth-child(odd) {padding-right: 207px;}
.aboutCi_inner > ul > li:nth-child(even) {padding-left: 207px;}
.aboutCi_inner > ul > li .dot_list li {font-size: 17px;line-height: 22px;margin-bottom: 0;color: #333;}
.aboutCi_inner > ul > li .dot_list li.title {font-size: 20px;color: #2e3480; line-height:27px;left: 32px; padding:20px 0 10px;}


/* customer :: customer */
.customer {width:100%; padding:50px 0 100px;}
.customer2 {width:100%; padding:0 0 100px;}


/* recruit :: recruit */
.recruit {width:100%; padding:50px 0 100px;}
.recruit .bg_box { width: 100%; height: 500px; background: url(../images/recruit_img.png) 50% 50% no-repeat; }
.recruit .bg_box h3 { font-size: 27px; line-height: 45px; color: #fff; text-align: center; padding: 200px 0 0; font-family: Arial, sans-serif;}
.recruit .figure_box { margin: -82px 0 0 0; }
.recruit .figure_box ul { width: 1180px; height: 277px; background: url(../images/figure_bg.png) no-repeat; margin: 0 auto; }
.recruit .figure_box ul li { float: left; width: 285px; padding: 42px 0; text-align: center; margin: 0 5px;}
.recruit .figure_box ul li:last-child { margin: 0 0 0 5px; }
.recruit .figure_box ul h5 { font-size: 25px; line-height: 35px; color: #273e82; font-weight: 500; margin: 0 0 18px 0; }
.recruit .figure_box ul p { font-size: 18px; line-height: 25px; color: #333; font-weight: 500; }
.recruit .figure_box .blue_circle { font-size: 30px; line-height: 40px; text-align: center; background-color: #273e82; width: 820px; color: #fff; border-radius: 50px; margin: 0 auto; padding: 35px 0; }
.recruit .list {display: flex; flex-wrap: wrap; flex:1; justify-content: space-between; color:#666}
.recruit .list .item {width:536px; margin-bottom:22px; display: flex; align-items: center; line-height: 30px; font-size:16px;}
.recruit .list img {margin-right:30px;}
.recruit li {padding-left: 10px; color: #555; background: url('../images/square.png') no-repeat left top 13px; font-size:17px; line-height:30px}
.recruit li strong {font-weight:bold;}



.privacy_tit {font-size:20px; line-height:30px; font-weight:bold; font-family: Arial, sans-serif; color:#333333; padding-bottom:15px; padding-top:50px;}
.privacy_txt {font-size:17px; line-height:27px;}