/**
* Theme styleseet file
*
* @Program     DWEBS
* @Type  	   css
* @author      DWEBS
* @link        https://www.dwebs.kr
*/

/* -------------------------------------------------------------------
| Custom selection color
| ------------------------------------------------------------------*/
::selection { background-color: #5d5d5d; color: #ff6666; }
::-moz-selection { background-color: #cccccc; color: white; }

body{font-family: "Noto Sans KR", sans-serif;}
a:hover {text-decoration: none;}
h1, h2, h3, h4, h5 ,h6 {margin:0;}
/* -------------------------------------------------------------------
| Custom mark tag
| ------------------------------------------------------------------*/
mark {
	background: #CEECF5;
	border-radius: 3px;
	padding:4px;
	color: #000;
	font-weight:bold;
}


/* ------------------------------------------------------------------------------------
| Custom bootstrap breadcrumb
|
| 서브페이지 타이틀 영역
| 부트스트랩 breadcrumb 기본 구분자 및 속성 수정
|
| 부트스트랩은 페이지 로케이션을 위한 breadcrumb 클래스를 기본 제공합니다.
| 이러한 페이지로케이션의 각 영역간 구분자는 따로 명시하지 않으면 기본 / 로 표시하게되며,
| 이것을 변경하려면 .breadcrumb>li+li:before {content: ">";}등과 같이 재선언 합니다.
| -----------------------------------------------------------------------------------*/
.breadcrumb {color:#979494; font-size:12px; padding: 8px 15px; margin-bottom: 20px; list-style: none; border-radius: 4px; background:none;}
.breadcrumb>li+li:before {padding: 0 5px 0 9px; color: #979494; content: "";}
.breadcrumb .active{color:#979494;}

/* */
.breadcrumb>li+li:before {background: url('../images/common/main_arrow.png') 0 7px no-repeat;}
.breadcrumb>li {margin-right:15px;}

/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1280px; }
.header{position:relative;width:1280px;margin:0 auto;height:100px;  }
.header:after{display: block;content: "";clear: both;}
/* #canvas1 {position:absolute;left:50%;margin-left:-65px;z-index:54;opacity:0;top:70%;} */

.logo{width: 190px; height: 42px; float:left; line-height: 100px; }
.logo2{float: left; width: 250px; height: 50px; line-height: 100px; margin-right: 95px;}
.navibar2{ float: left;  height: 100px; margin: 0 auto; }
.navibar2 .top_menu ul.top_menu_list li.parent_menu{float:left; margin-left: 50px; }
.navibar2 .top_menu ul.top_menu_list li.parent_menu:first-child{ margin: 0; }
.navibar2 .parent_menu>a{display:block; height: 120px; line-height: 120px; font-size:17px;color:#000;text-decoration:none; font-weight:500; border-bottom: 3px solid transparent; transition: all 0.3s; }
.navibar2 .parent_menu a:hover{color:#d2182f;}
.navibar2 .parent_menu>a.active{color:#d2182f; }
.login_bar2{ float: right;   padding-top: 27px; }
.login_bar2:after{display: block;content: "";clear: both;}
.login_bar2>a{float: left; display: inline-block; width: 65px; text-align: center; font-size: 13px; font-weight: 400; color: #262626; margin-left: 5px; }
.login_bar2>a>.lock>i{width: 45px; height: 45px; background: #023878; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 28px; margin: 0 auto;}
.login_bar2>a>.users{width: 45px; height: 45px; background: #505050; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 23px; margin: 0 auto;}
.login_bar2>a>.user_edit>i{width: 45px; height: 45px; background: #505050; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 28px; margin: 0 auto;}
.login_bar{ float: right;   margin-top: -20px; }
.login_bar:after{display: block;content: "";clear: both;}
.login_bar>a{float: left; display: inline-block; width: 65px; text-align: center; font-size: 13px; font-weight: 400; color: #262626; margin-left: 5px; }
.login_bar>a>.lock>i{width: 45px; height: 45px; background: #023878; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 28px; margin: 0 auto;}
.fa-user-circle{ font-size: 45px; color: #c7c7c7; }
.login_bar>a>.users{width: 45px; height: 45px; background: #505050; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 23px; margin: 0 auto;}
.login_bar>a>.user_edit>i{width: 45px; height: 45px; background: #505050; border-radius: 50%; text-align: center; line-height:45px; color:#fff; font-size: 28px; margin: 0 auto;}
.gnb{position:absolute;right:0px;top:15px}
.gnb ul{;}
.gnb ul li{float:left;font-size:10px;color:#666;padding-left:8px;font-family: "NotoSans-Bold", sans-serif}
.gnb ul li a{font-size:10px;color:#666;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}

/* .top_menu {width: 750px; height: 100px; position: absolute; top: 40px; left: 50%; margin-left: -375px;}
.top_menu ul li {float: left; width: 150px; text-align: center;}
.top_menu ul li a {font-size: 18px; color: #fff; font-family: "NotoSans-Regular", sans-serif; text-align: center; text-decoration: none; display: block;}
.top_menu ul li a:hover {color: #971b18;} */
.top_menu{}
/* .top_menu ul.top_menu_list{position:absolute;top:0px;right:0} */
.navibar_wrap{ width: 100%; height:100px; float:left; }
.navibar{ height: 100px; display:inline-block;  line-height:100px; text-align:center; margin-left:250px;}
.navibar .top_menu  {height:100px;}
.navibar .top_menu ul.top_menu_list {display:inline-block;}
.navibar .top_menu ul.top_menu_list li.parent_menu{text-align:center; margin-left:70px; float:left; position:relative;}
.navibar .top_menu ul.top_menu_list li.parent_menu:first-child{ margin: 0; }
.navibar .top_menu ul.top_menu_list li.parent_menu:last-child {display:none;}
.navibar .parent_menu>a{display:block; height: 100px; line-height: 100px; font-size:18px;color:#333;text-decoration:none; font-weight:500; transition: all 0.3s ease;}
.navibar .parent_menu a:hover{color:#ee1451;}
.navibar .parent_menu>a.active{color:#ee1451; }
ul.child_menu {position:absolute;display:none;left:50%; transform:translateX(-50%); z-index: 100;}
ul.child_menu li.child_smenu{width:180px;position:relative;padding:15px 20px; background-color: rgba( 0, 0, 0, 0.9 );
	 line-height:25px; border-top:1px solid #1d1d1d; }
ul.child_menu li.child_smenu a{display:block;width:100%;font-size:10.5pt;color:#fff;text-decoration:none;font-family: "NotoSans-regular", sans-serif;
text-align: center; transition: color 0.3s ease;}
ul.child_menu li.child_smenu a:hover {color:#ee1451}
ul.child_menu li.child_smenu a.active{color:#ee1451; }

/* 결산공고 */
/* .navibar .top_menu ul.top_menu_list li.parent_menu:last-child{position:absolute; right:0; width:106px; height:38px; line-height:38px;
border:1px solid #ddd; border-radius: 30px;}
.navibar .top_menu ul.top_menu_list li.parent_menu:last-child a {color:#8d8d8d; font-size:13px; }
.navibar .top_menu ul.top_menu_list li.parent_menu:last-child ul.child_menu {visibility:hidden;} */
.menu_notice {position:absolute; right:0; top:32px; width:106px; height:38px; line-height:100px;  border:1px solid #ddd; border-radius: 30px; transition: all 0.3s ease; cursor: pointer; text-align:center; line-height:36px !important;}
.menu_notice > span { display:inline-block; color:#8d8d8d; font-size:13px;  transition: color 0.3s ease; white-space:nowrap; }
.menu_notice > span i {font-size:15px;}
.menu_notice:hover {background: #ee1451; border:1px solid #ee1451;}
.menu_notice:hover span {color:#fff;}
/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/

.ft_cs_wrap{width: 100%; height: 135px; background: #eee; }
.ft_cs_all{ width: 1200px; height: 135px; margin: 0 auto;  }
.ft_cs_all:after{display: block;content: "";clear: both;}
.ft_cs_all>div{ float:left; width: 600px; height: 135px;}
.ft_cs_box1{ position:relative;}
.ft_cs_box1::before{position: absolute; right: 0; top: 40px; width: 1px; height: 55px; background: #9d9d9d; content: ""; }
.ft_cs_box1:after{display: block;content: "";clear: both;}
.phone{ float: left; width: 50px; height: 50px; border-radius: 50%; background:#023878;  text-align: center; line-height: 60px; margin: 42px 20px 0 0;}
.fa-phone{font-size:30px; color: #fff; transform: rotate(90deg);}
.ft_cs_title1{ float: left; font-size: 18px; font-weight: 400; color: #444; margin: 55px 20px 0 0;}
.ft_cs_title2{ float: left; font-size: 35px; font-weight: 700; color: #023878; letter-spacing:-1px; margin:40px 20px 0 0; }
.ft_cs_con{ float: left; font-size: 15px; font-weight: 500; color: #7d7d7d; margin:40px 0 0 0; }
.ft_cs_con1>p{display: inline-block;width: 80px; height: 27px; text-align: center; line-height: 27px; border: 1px solid #949494; font-size: 14px; font-weight: 400; color: #7d7d7d; margin-right: 10px;}
.ft_cs_box2:after{display: block;content: "";clear: both;}
.coin{ float: left; width: 50px; height: 50px; border-radius: 50%; background:#023878;  text-align: center; line-height: 60px; margin: 42px 20px 0 20px;}

.bank_img{ float: left; width: 156px; height: 60px; background: url('../images/common/bank_img') center center no-repeat; margin: 37px 20px 0 0; }
.account{  font-size: 20px; font-weight: 500; color: #2e2e2e; line-height: 27px; margin: 34px 0 0 0;}
.account>span{  font-size: 23px; font-weight: 900; color: #023878; }

.footer_area_wrap{width:100%;min-width:1200px;background:#fff;height:250px; border-top:1px solid #ddd;}
.footer_area {position:relative; width:1200px;margin:0 auto;padding:38px 0 0 0; text-align:center;}
.ft_logo{margin-bottom:15px;}
.footer_copy {font-size:13px; color:#8b8b8b; line-height:20px; font-weight: 300; letter-spacing:0.5px; }
.footer_copy > span {font-size:12px; color:#a6a6a6; margin-top:15px; margin-top:5px; display:inline-block;}
.admin{position:absolute;left:230px;top:42px}
.admin a{font-size:10px;color:#ccc;border:1px solid #474747;background:#2c2c2c;padding:3px 7px;border-radius:3px;font-family: "NotoSans-Bold", sans-serif;letter-spacing:0.5px;text-decoration:none}
.dwebs_logo{position:absolute; right:0px; bottom:-50px; opacity: 0.5;}
.footer_device{margin-top:12px;}
.footer_device .btn-default{font-size:10px;background:#2c2c2c;color:#ccc;border:1px solid #474747;}
.footer_device .btn-primary.active, .btn-primary.active:hover{font-size:10px;background:#000;border:1px solid #474747;color:#ccc}
/* sub_footer */
.footer_area_wrap.ver2 {width:100%;min-width:1200px;background:#fff;height:200px; border-top:1px solid #ddd; padding-top:10px;}
.footer_area_wrap2 {width:100%;min-width:1200px;background:#fff;height:180px; border-top:1px solid #ddd;}
.footer_area2 {position:relative; height:180px; width:1200px;margin:0 auto;padding:45px 0 0 0;}
.ft_logo2{float:left; margin-left:262px; margin-top:20px;}
.footer_copy2 { float:left; font-size:13px; line-height:20px; font-weight: 300; letter-spacing:0.5px; margin-left:60px; color:#8b8b8b; }
.footer_copy2 > span {color:#a6a6a6; font-size:12px; margin-top:22px; display:inline-block; float:left;}
.footer_device.ver2 {display:inline-block; float:left; margin:20px 0 0 15px;}

/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.page_up {
	width: 50px;
	height: 50px;
   background-color: #ee1451;
   border-color: #ee1451;
   border-radius: 50%;
}
.page_up span {color: #fff; font-size: 20px; text-align: center;}

.login_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#3c4349; font-size:12pt; height:68px; color:#ccc; }
.login_btn_default:hover { background-color:#333; color:#fff; }
#device_btn {vertical-align:middle; margin:0 auto;}
.board_btn_default { background-color:#474a4d; border:1px solid #474a4d; color:#d8d8d8; font-size:10pt; padding-left:10px; padding-right:10px; height:30px; }
.board_btn_default:hover { color:#fff; }

/* -------------------------------------------------------------------
| Bxslider section
|
| 테마의 Body영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.main_visual{;}
/* BXSLIDER */
.bxslider li img { margin:0 auto; }
.bxslider_btn_prev {
	position: absolute;
	left: 30px;
	top: 55%;
	z-index: 99;
	background: url('../images/bx_arrow.png') no-repeat 0 50%;
	border: 0;
	width: 20px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -50px;
	opacity:1;
}
.bxslider_btn_next {
	position: absolute;
	right: 30px;
	top: 55%;
	z-index: 99;
	background: url('../images/bx_arrow.png') no-repeat -20px 50%;
	border: 0;
	width: 20px;
	height: 38px;
	text-indent: -9999px;
	margin-top: -50px;
	opacity:1;
}

.inner {width:1280px; margin:0 auto; position:relative; height:100%;}

/* main_vis */
.main_vis_con {position: absolute; height:100%; width:1280px; top:0; left:50%; transform:translateX(-50%); z-index: 100;}
.main_vis_txt {position:absolute; top:125px; right:30px; color:#fff; text-align:left;}
.main_vis_txt > h1 {font-size:62px; font-family: 'NanumSquare_B';line-height: 72px; }
.main_vis_txt > h1 span {color:#ee1451;  font-family: 'NanumSquare_EB'; font-weight: 800;}
.main_vis_txt > p {margin:25px 0 40px 0; font-size:20px; font-weight: 400; line-height: 35px;}
.main_btn {display:block; width:217px; height:63px; line-height: 63px; text-align:center; border:1px solid #fff; border-radius:40px; font-size:15px; font-weight: 500;
letter-spacing: 3px; text-transform: uppercase; transition: all 0.3s ease; color:#fff;}
.main_btn:hover {background: #ee1451; border:1px solid #ee1451; color:#fff;}

.scroll_event {position:absolute; left:50%; transform:translateX(-50%); background:url('../images/common/mouse.png') no-repeat; width:23px; height:34px; z-index: 200; top:510px;}
.scroll_event > img {    position: absolute; bottom: 0; left: 53%;  transform: translateX(-50%);   animation: dw 1.6s infinite linear;}
@keyframes dw {
		0% {
	    bottom: -20px;
	}
	15% {
	    bottom: -25px;
	}
	30% {
	    bottom: -20px;
	}
	45% {
	    bottom: -25px;
	}
	60% {
	    bottom: -20px;
	}
	100% {
	    bottom: -20px;
	}
}


#bx-pager1{position: relative; bottom: 250px; left: 50%; margin-left: -70px; z-index: 9999}
#bx-pager1 a{display:inline;color:#FFF;font-size:12px;font-weight:bold;width:50px;height:50px; padding-left: 30px;text-decoration:none; text-align: center;}
#bx-pager1 a.active{color:#971b18;font-size:12px;font-weight:bold;width:50px;height:50px;}
/* .colgroup_wrap{width:100%;min-width: 1200px;display: inline-block;} */


/* 메인레이아웃 */
.main_con1 {width:100%; height: 620px; background:#fff; background-size:contain; position: relative;}
/* con1_head */
.con1_head {padding-top:160px; float:left;}
.con1_head > p {color:#666; font-size:16px; font-weight: 300; line-height: 26px; margin-bottom:60px;}
.main_bullet {font-size:18px; font-weight: 600; color:#333;}
.main_bullet img {padding:0 15px 6px 0;}
.main_head {font-size:36px; color:#222; text-transform: uppercase;  font-weight: 800; font-family: 'NanumSquare_EB'; margin:10px 0 0 0;}
.main_head > span {text-transform: none; font-family: 'NanumSquare'; font-weight: 400; }

.main_plus {letter-spacing: 2.5px; font-size:15px; color:#333; font-weight: 500; text-transform: uppercase; transition: all 0.4s ease;}
.main_plus > span {width:10px; height:10px; display:inline-block; transition: all 0.4s; transform: rotate(0);
	background:url('../images/common/main_plus.png') no-repeat; display:inline-block; margin:0 1px 0 2px;}
.main_plus:hover {color:#ee1451;}
.main_plus:hover > span {transform: rotate(180deg ); background:url('../images/common/main_plus2.png') no-repeat; }
.main_plus.ver2 {font-size:14px;}
/* con1_img */
.con1_img {float:right; position:relative; width:750px; height:440px; margin-top:80px; background:url('../images/common/con1_img.jpg') no-repeat; z-index: 999;}
.con1_rectangle1 {position:absolute; background: #ee1451; width:43px; height:221px; left:-20px; top:120px;}
.con1_rectangle2 {position:absolute;  background:url('../images/common/con1_rec.jpg') no-repeat; width:38%; height:305px; top:280px; right:0;
background-size:cover;}
.main_con1 > span {position:absolute; bottom:15px; left:-100px; width:60%; height:1px;background: #eee; display:block; transform:rotate(167deg);}
/* con2 */
.main_con2 {text-align:center; margin-top:-15px; height:600px;}
.main_con2 > h1 {position: absolute; text-transform:uppercase; color:#000; font-size:150px; font-weight: 900; bottom:30px; opacity: 0.03; width:100%;}
.main_con2 ul {margin-top:50px;}
.main_con2 ul li {width:305px; height:330px; float:left; margin-right: 20px; overflow: hidden; position:relative; z-index: 1; text-align:left; padding:55px 0 0 40px; color:#fff; cursor: pointer;}
.main_con2 ul li > img {position:absolute; top:0; left:0; z-index: -1; transition: transform 0.4s ease;}
.main_con2 ul li:last-child {margin-right:0;}
.main_con2 ul li > h2 {font-size:24px; font-weight: 600; margin-bottom:30px;}
.main_con2 ul li > p {font-size:16px; font-weight: 400; line-height: 26px;}
.main_con2 ul li > span {width:60px; height:60px; background: #fff; transition: all 0.4s ease; text-align:center; line-height:60px;
position:absolute; bottom:0; right:0; border:1px solid #eee; }
.main_con2 ul li > span  > a {transform: rotate(0); width:12px; height:13px; background:url('../images/common/con2_plus.png') no-repeat; display:inline-block;
transition: all 0.4s ease;}
.main_con2 ul li:hover img {transform: scale(1.2);}
.main_con2 ul li:hover span {background: #ee1451; border:1px solid #ee1451;}
.main_con2 ul li:hover span > a {transform: rotate(180deg ); color:#fff; background:url('../images/common/con2_plus2.png') no-repeat;}

/* con3 */
.main_con3 {text-align:center; height:400px; width:100%; position:relative; z-index: 1;}
.main_con3 ul {margin-top:30px; display: table; width:100%; border:1px solid #e0e0e0;}
.main_con3 ul li {display: table-cell; width:426px; height:220px; border-right:1px solid #e0e0e0; background: #fff;}
.main_con3 ul li:last-child {border-right:none;}

.con3_icon {float:left; width:150px; position:relative;  z-index: 1; padding-top:35px; text-align:left;}
.con3_icon > span {display:block; z-index: -1; border-radius: 100%; background: #ee1451; opacity: .7; top:40px; left:50px; width:35px; height:35px; position:absolute;}
.con3_icon > img {padding-left:65px;}
.con3_txt {float:left; width:266px; text-align:left; padding-top:35px;}
.con3_txt > h2 {font-size:20px; color:#333; font-weight: 600;}
.con3_txt > p {font-size:15px; font-weight: 300; line-height: 24px; color:#666; margin:25px 0 20px 0;}

.con3_bg {position:absolute; width:100%; height:180px; background: #f8f8f8; bottom:0; z-index: -1;}

/* con4 */
.main_con4 {width:100%; height:350px; background:url('../images/common/con4_bg2.jpg') no-repeat; background-size: cover;
background-position: center center; background-attachment: fixed;}
.con4_head {float:left; padding-top:50px; color:#fff;}
.con4_head h1 { font-size:46px; color:#fff; font-family: 'NanumSquare'; font-weight: 400; letter-spacing: 1.4px;}
.con4_head h1 > span { color:#ee1451;   text-transform: uppercase;   font-weight: 800; font-family: 'NanumSquare_EB';}
.con4_head h2 {margin:35px 0 45px 0; font-weight: 600; font-size:52px;}
.con4_head h2 i {color:#ee1451; font-size:42px;}

.main_con4 ul {float:right; margin-top:75px; color:#fff;}
.main_con4 ul li {float:left; margin-right:30px; width:230px; text-align:center;  padding:0 5px;}
.main_con4 ul li:last-child {margin-right:0;}
.main_con4 ul li h3 {margin:15px 0; font-size:22px; font-weight: 500;}
.main_con4 ul li p {font-size:16px; font-weight: 400; opacity: .7; line-height: 24px;}
/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
.sub_wrap{ position: relative;}
.sub_left{ position:absolute; top: 320px !important; width: 215px; }
.sub_menu_t{ width: 215px; height: 100px; background:url('../images/common/sub_menu.jpg') no-repeat; color: #fff; font-size: 22px; font-weight: 300;
padding: 26px 0 0 0; text-align:center;}
.sub_menu_t>p{ color: #fff; font-size: 14px; font-weight: 300; letter-spacing: 1.5px; opacity: 0.6;}
#wrap {background-color:#fff;}
.sub_left_list a{display: inline-block;padding-left: 20px;  width: 215px; height:55px; font-size: 15px; font-weight: 400; line-height: 55px; color: #444; letter-spacing: 1px;  border: 1px solid #ddd; border-top: 0; background-color: #fff; transition: all 0.3s; }
.sub_left_list a:hover{ text-decoration: none;background-color:#232323; color: #fff; border: 1px solid #232323; }
.sub_left_list a.active{color: #fff;  border: 1px solid #232323; background:url('../images/common/sub_menu_child.jpg') no-repeat;}
.sub_left_list a:last-child {border-bottom:3px solid #232323;}

.sub_top_menu:after{display: block;content: "";clear: both; }
.sub_top_menu{ width: 100%; height: 55px; line-height:40px; background-color: rgba( 0, 0, 0, 0.45 ); position:absolute; top:225px;}
.sub_top_menu ul{ float: right; color: #fff!important; margin-right:360px;}
.sub_top_menu ul li{ color: #fff!important; font-size: 14px; font-weight: 300; }
.sub_top_menu ul li:before{color: #fff!important; }

/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1280px;height:200px}
.sub_top_line{width:48px; height: 1px; background: #fff; margin: 0 auto; }
.sub_top_area{position:relative;width:1280px;margin:0 auto;padding-top:45px; color:#fff;text-align: center;}
.sub_top_area_t{font-family: "Noto Sans KR", sans-serif; font-weight: 500; font-size:42px; margin:10px 0;}
.sub_top_area > span {font-size:15px; font-weight:500; opacity: 0.8; letter-spacing: 2px;}
.sub_top_area > span a {color:#ee1451;}
.container_sub:after{display: block;content: "";clear: both;}
.container_sub{ width: 1280px; margin: 0 auto; }
.container_all{ width: 950px; float: right; }
.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1280px;margin:0 auto;}
.title{ padding: 50px 0 38px 0; border-bottom: 1px solid #eee; text-align:center; width:1280px; margin:0 auto 50px;}
.title_line{width: 25px; height: 6px; background: #23527c; margin:50px auto 5px auto; }
.sub_title{font-weight: 400; color:#313131;font-size:36px; padding-bottom: 35px; border-bottom: 2px solid #ee1451;}
/* .sub_top_title{color:#FFF;font-size:72px;font-family: 'NotoSans-Medium', sans-serif; letter-spacing: -3px;} */
.sub_menu{text-align: center; height:46px; background:#fff;padding: 0px 0; border-bottom: 1px solid #ccc;}
/* .list-group{margin-bottom: 0;}
.list-group a.menubox:first-child{background:none;padding-left:0;}
.list-group a.menubox{padding:20px;font-size:18px;color:#000;text-decoration:none;letter-spacing: -0.5px;background: url('../images/sub/submenu_blet.jpg') 0 50% no-repeat;}
.list-group a.active{color:#14a2c4;font-family: "NotoSans-Medium", sans-serif}
.list-group a.menubox:hover{color:#14a2c4}
.contents{min-height:450px;padding-bottom:50px}
.list-group a:last-child{margin-right:0;} */
/*서브메뉴*/
.sub_home_btn {color:#fff;}
.sub_home_btn:hover {text-decoration: #fff; color:#fff;}
.sub_home {width: 60px; height: 45px; line-height: 42px; float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden;}
.sub_dep{min-width: 250px; height: 45px; float: left; background: url('../images/common/sub_menu_btn.png') no-repeat 90% 50%; border-right: 1px solid #ccc;}
.sub_dep_t {line-height: 46px;}
.sub_dep_t2{; background: url('../images/common/sub_menu_btn2.png') #f8f8f8 no-repeat 90% 50%; border-bottom:1px solid #ccc; height:46px; }
.sub_dep_t a { font-size: 16px; color: #666; text-decoration: none; display: block;  text-align: left; padding-left: 30px; }
.sub_dep_t2>a{color: #ee1451;}
.sub_dep ul li a:hover {color: #ee1451;}
.sub_dep ul li a.active {color: #ee1451; font-family: "NotoSans-Medium", sans-serif;}
.sub_dep ul { position:relative; z-index: 999; margin-top: 0px; border: 1px solid #CCC; border-top:none;}
.sub_dep ul li { background: #fff; text-align: left; padding:15px 30px;
border-bottom: 1px solid #CCC; }
.sub_dep ul li a { display: block; text-decoration: none; color: #666; transition: color 0.3s ease;}

.nav_cont{position: absolute; top:0; right: 100px;width: 250px; height: 100px; line-height: 100px;}
.nav_cont li{ display: inline-block;}
.nav_cont li a{ padding:0 10px; text-decoration: none; font-family: 'NotoSans-Regular', sans-serif; color:#303030; }

.select_link{position: relative;border: 1px solid #333;width:100px;border-radius: 26px;color: #333;font-weight: 900;font-size: 13px;}
.select_link_default{position:relative;text-align: left;width: 100%;}
.select_link_default .selected{display:inline-block;padding-left:32px;line-height:26px;background: url('../images/common/icn_lang.png') no-repeat 8px 50%;}
.select_link_default .arrow{position:absolute;top:12px;right:12px; display:inline-block;font-size: 0px;color: transparent;width: 7px;height:4px;background: url('../images/common/sel_arrow.png') no-repeat 0 0;transition: transform .4s;}
.select_link .select_list{display:none;position: absolute;top:30px;width: 100%;/*border: 1px solid #fff;*/box-sizing: border-box;background-color: rgba(0,0,0,.7); z-index: 10000;}
.select_link.on .select_list{display: block;}
.select_list > li > a{display: block;padding: 5px 0 5px 8px; font-family: 'NotoSans-Regular', sans-serif; color: #fff; text-decoration: none; cursor:pointer;}

#select_lang{position: absolute;top:50%;right:0;margin-top: -14px;}
#select_lang button { overflow: visible; border: 0 none; background: transparent; cursor: pointer; apperance: 0; -webkit-tap-highlight-color: transparent; }

/*인사말 */
.greeting_img {float:left; width:503px; height:654px; background: url('../images/sub/greeting_img.png') no-repeat; position:relative;}
.greeting_img > span {position:absolute; display:block; width:247px; height:3px; top:120px; right:-130px; background: #ee1451;}
.greeting_txt {margin-left:45px; padding-top:15px; position:relative; float:left; z-index: 1; width:730px; }
.greeting_txt > h2 {font-size:26px; line-height: 38px; color:#333; font-weight: 500;}
.greeting_txt > p {font-size:16px; font-weight: 300; color:#666; line-height: 28px; margin:60px 0 55px 0;}
.greeting_txt > span {font-size:20px; font-weight: 600; color:#333; }

.greeting_mark { position:absolute; opacity: .1; z-index: -1; }
.greeting_mark.left {left:-15px; top:-15px;}
.greeting_mark.right {right:0px; top:490px;}

/* about */
.about_bg {width:100%; height:350px; background: url('../images/sub/about_bg.jpg') no-repeat; background-size:cover; padding-top:60px;
background-position: center center; background-attachment: fixed; color:#fff; text-align:center;}
.about_bg  h1 {font-size:28px; font-weight: 600; font-family: 'NanumSquare_B';}
.about_bg  img {padding: 0 20px 10px 0;}
.about_bg  p {line-height: 32px; font-size:20px; font-weight: 400; font-family: 'NanumSquare'; margin-top:30px;}

.about_tab {width:1280px; height:140px; background: #fff; padding-top:30px; margin:-90px auto 0;}

/* nav-tab */
.nav-tab {margin: 0 auto; text-align:center;}
.nav-tab>li{width:260px; display:inline-block; text-align: center; background:#fff; font-size:0; box-sizing:border-box;   height:80px; line-height:60px; border-radius: 40px;}
.nav-tab>li>a	{font-size:18px;font-weight:600; color:#333; transition: all 0.3s ease; font-family: 'NanumSquare';
border-radius: 40px; border:1px solid #ddd; }
.nav-tab>li>a span {font-size:24px; padding:0 10px 4px 0;}
.nav-tab>li.active a{color:#fff; background:#ee1451; border:1px solid :#ee1451;}
.nav>li>a:focus, .nav>li>a:hover { color:#fff; background:#ee1451; border:1px solid :#ee1451;}
.nav-tab>li.active>a., .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{font-size:16px;font-weight: 400; color:#333;}

/* about_table */
.about_table {width:60%; margin:20px auto 20px;}
.about_table  th, .about_table  td{padding:10px 0; text-align: center;  border:1px solid #e0e0e0;}
.about_table  th{font-size:16px; font-weight: 500; border-left:none;}
.about_table  td { color:#666; font-size:15px; font-weight: 300; text-align:left; padding-left:35px; line-height:28px; border-right:none;}
.about_table  tr:first-child {border-top:3px solid #ee1451;}
.about_table  td a {transition: opacity 0.3s ease; color:#ee1451; opacity: .6;}
.about_table  td a:hover {opacity: 1;}
.about_table  td b {font-weight: 500;}
.about_table  tr:nth-child(even) {background: #fbfbfb;}

.about_table.ver2 {width:100%; float:none;}
.about_table.ver2 th {color:#fff; background: #ee1451; border:none; padding:10px 0;}
.about_table.ver2 th:last-child {border-right:none;}
.about_table.ver2  td:first-child {border-left:none;}
.about_table.ver2  td:last-child {border-right:none;}
.about_table.ver2  td {text-align:center; padding-left:0; padding:10px 0;}

.about_table.ver3 {width:100%; float:none; margin-top:20px;}
.about_table.ver3 td p { background: url('../images/sub/advice2_table2_bar2.jpg')0 13px no-repeat; padding-left:20px; display:inline-block;}
.about_table.ver3 th {background: #fffafb;}

.about_img {float:left; width:369px; height:450px; margin-top:0; margin-left:100px;}
.about_img > img {width:75%;}

/* 사업장 현황 */
.about_building {float:left; width:380px; height:425px; margin-right:70px; text-align:center; margin-top:20px; border-top-left-radius: 30px;
    border-bottom-right-radius: 30px; transition: border 0.3s ease; border:1px solid #e0e0e0;}
.about_building:hover {border:1px solid #ee1451;}
.about_building:nth-child(3n) {margin-right:0; }
.about_building > h2 {font-weight: 500; color:#333; font-size:20px; margin:25px 0 15px 0;}
.about_building ul {padding:0 20px;}
.about_building ul li {border-bottom:1px solid #eee; padding:10px 0 10px 25px; background: url('../images/sub/about_bullet.png')0 10px no-repeat;  text-align:left;
display: inline-block; width:100%;}
.about_building ul li:last-child {border-bottom:none;}
.about_building ul li h3 {font-size:14px; color:#333; font-weight: 500; float:left; width:60px; margin-top:2px;}
.about_building ul li p {font-size:14px; color:#666; font-weight: 300; float:left; padding-left:10px;}

.about_building_img {width:100%; height:127px;}
/* location */

.location_talbe_box {margin-bottom: 50px;}
.location_talbe_box table {width: 100%; border-top: 2px solid #ee1451;}
.location_talbe_box table th, .location_talbe_box table td {text-align: center ; padding:12px;  border: 1px solid #ddd; }
.location_talbe_box table th {background: #fbfbfb;}
.location_talbe_box table th i {color:#ee1451; margin-right:8px; font-size:16px;}
 .location_talbe_box table td {font-size:15px; font-weight: 300; color:#666;}

/* vision */
.vision_img {width:755px; height:746px; margin:20px auto 20px;  background: url('../images/sub/vision_img.png') no-repeat; z-index: 1;}
.vision_bg {width:100%; position: absolute; z-index: -1; bottom:-30px; height:350px; background: #f8f8f8;}

/* history */
.history_top {width:1280px; height:260px; background: url('../images/sub/history_top.jpg') no-repeat; color:#fff; text-align:center; padding-top:65px;}
.history_top > h1 {font-family: 'NanumSquare_B'; font-weight: 600; font-size:52px; }
.history_top > span {display:block; height:1px; width:46px; background: #fff; margin:20px auto 30px;}
.history_top > p {font-family: 'NanumSquare'; font-weight: 400; font-size:18px; }

.history {position:relative; width:1280px; height:auto; padding:60px 0 20px 0; *zoom:1;}
.history::after {content: ""; display: table; clear:both; }
.history::before {content: ""; display: block; position: absolute;  width:1px; height:80%; background: #ddd; top:50px; left:50%; transform:translateX(-50%);}
.history > li {width:50%;}
.history > li::after {content: ""; display: table; clear:both;}
.history > li:nth-child(odd) {float:left; text-align:right; padding-right:50px;}
.history > li:nth-child(even) {float:right; text-align:left; padding-left:50px;}

.history > li h2 {font-size:32px; font-family: 'NanumSquare_EB'; font-weight: 800; color:#333; position:relative;}
.history > li h2::before  {content: ''; display: block; position: absolute; width:10px; height:10px; background: #fff; border:2px solid #ee1451; border-radius: 10px;}
.history > li:nth-child(odd) h2::before {top:15px; right:-55px;}
.history > li:nth-child(even) h2::before {top:15px; left:-55px;}
.history > li ul li:first-child {margin-top:15px;}
.history > li ul li  {margin-bottom:6px;}
.history > li ul li b {color:#ee1451; font-weight: 500; font-size:18px;}
.history > li ul li span {color:#666; font-size:15px; font-weight: 300; padding:0 15px;}

.history_bottom{width:800px; height:90px;  background: url('../images/sub/history_bot.png') no-repeat; margin:80px auto 0; opacity: .8;
background-size:contain;}

/* ci */
.ci_top {width:1280px; height:305px; background: url('../images/sub/ci_top.jpg') no-repeat; color:#fff; text-align:center; padding-top:90px;
margin-top:30px;}.
.ci_top h1 {font-family: 'NanumSquare_B'; font-weight: 600; font-size:52px; }
.ci_top > h1 > span {color:#ee1451;}
.ci_top > span {display:block; height:1px; width:46px; background: #fff; margin:30px auto 30px;}
.ci_top > p {font-family: 'NanumSquare'; font-weight: 400; font-size:18px; }

.ci {padding:40px 0 50px 0; border-bottom:1px solid #eee;}
.ci_head {float:left; width:290px; }
.sub_head {font-size:24px; color:#333; padding-left:60px; background: url('../images/sub/main_bullet.jpg') 0 10px no-repeat;}
.ci_con {float:left; }
.ci_con p {font-size:16px; width:990px; font-weight: 300; color:#666; line-height: 28px;}
.ci_con ul li {margin-top:40px;}
.ci_con ul li h2 { background: url('../images/sub/advice2_table2_bar2.jpg') 0 9px no-repeat; font-weight: 300; color:#828282; font-size:15px;
padding-left:15px; margin-top:20px;}
.ci_con ul li img {margin-top:20px;}
.ci_con a {display:block; width:190px; height:60px; border-radius: 40px; transition: all 0.3s ease; bordeR:1px solid #afafafaf; color:#666; line-height:60px;
text-align:center; font-size:15px; margin-top:40px;}
.ci_con a:hover {background: #ee1451; border:1px solid #ee1451; color:#fff;}
.ci_con a span {font-size:18px; padding-right:5px;}

/* talent */
.talent {width:100%; height:600px; position:relative; z-index: 1;}
.talent > img {position:absolute; top:80px; left:0; z-index: -1;}
.talent ul {float:right;}
.talent ul li {float:left; width:330px; height:280px; border:1px solid #ddd; margin-right:20px; background: #fff; position:relative; padding:40px 0 0 40px;
transition: border 0.3s ease;}
.talent ul li:nth-child(odd) {background: #fff; border:1px solid #ee1451;}
.talent ul li:nth-child(odd)  span {background: #ffecec;}
.talent ul li:nth-child(odd) h2, .talent ul li:nth-child(odd) h3 {color:#ee1451;}

.talent ul li:hover {border:1px solid #ee1451;}
.talent ul li:hover h2, .talent ul li:hover h3 {color:#ee1451;}
.talent ul li:nth-child(odd):hover {border:1px solid #ddd;}
.talent ul li:nth-child(odd):hover span {background: #f8f8f8;}
.talent ul li:nth-child(odd):hover h2 , .talent ul li:nth-child(odd):hover h3 {color:#333;}

.talent ul li span {position:absolute; display:block; background: #f5f5f5; border-radius: 100%; width:75px; height:75px; line-height:70px; right:30px;
top:60px; text-align:center; transition: background 0.3s ease;}
.talent ul li:hover span {background: #ffecec;}
.talent ul li h2 {font-size:20px; color:#333; font-weight: 800; font-family: 'NanumSquare_EB';  transition: color 0.3s ease;}
.talent ul li h3 {font-size:22px;  color:#333; font-weight: 800; font-family: 'NanumSquare_EB'; margin-top:85px; transition: color 0.3s ease;}
.talent ul li p {margin-top:20px; font-weight: 300; font-size:15px; line-height:24px; color:#666;}
.talent ul li p b {font-weight: 500;}

/* qna */
.qna {width:100%; height:300px; background: url('../images/sub/qna_img.jpg') no-repeat; background-position: center bottom; background-attachment: fixed;
color:#fff; padding-top:40px; text-align:center;}
.qna ul li {display:inline-block; width:500px; text-align:left; position:relative; height:210px; font-size:0;}
.qna ul li > h2 {font-weight: 600; font-size:26px; font-family: 'NanumSquare_B';}
.qna ul li > h3 {margin:30px 0 25px 0;}
.qna ul li > h3 span {width:60px; height:60px; line-height:45px; border:1px solid #ee1451; display:inline-block; border-radius: 100%; text-align:center;}
.qna ul li > h3 span i {color:#ee1451; line-height: 30px;}
.qna ul li > h3 {font-size:42px; font-weight: 800; font-family: 'NanumSquare_EB';}
.qna ul li > h3 > p {font-size:18px; font-weight: 300; padding:0 0 0 80px; }
.qna ul li > p {font-size:15px; font-weight: 300; line-height: 24px; opacity: .8;}
.qna ul li > span {position:absolute; right:-50px; top:50px; width:1px; height:125px; background: #fff; opacity: .4;}
.sub_btn {display:block; border-radius: 50px; width:260px; height:70px; line-height:70px; border:1px solid #fff; text-align:center; color:#fff;
font-size:15px; font-weight: 300; transition: all 0.3s ease; margin:53px 0 35px 0;}
.sub_btn:hover {background: #ee1451; border:1px solid #ee1451; color:#fff;}
.sub_btn span {font-size:22px; padding-right:10px;}

.sub_btn.ver2 {border:1px solid #afafaf; color:#666; background: #fff; margin-top:60px;width:240px; height:60px;
 line-height:60px; font-size:14px; margin:35px auto 10px;}
.sub_btn.ver2:hover {background: #ee1451; border:1px solid #ee1451; color:#fff;}

/* job */
.job ul {display:table; width:100%; margin-top:20px;}
.job ul li {display:table-cell; width:33.3%; height:130px; background: #fff; border:1px solid #e0e0e0; position:relative; border-left:none;
border-right: 1px dashed #e0e0e0; padding:30px 0 30px 30px; }
.job ul li:first-child {border-left:1px solid #e0e0e0; }
.job ul li:last-child {border-right:1px solid #e0e0e0; }
.job ul li:nth-child(2) {background: #f8f8f8;}
.job ul li:nth-child(2) span {background: #4e4e4e;}
.job ul li:nth-child(2) h2 {color:#4e4e4e;}

.job ul li > span {position:absolute; display:block; width:123px; height:34px; background: #e33256; border-top-left-radius: 12px; border-top-right-radius: 12px;
line-height:38px; color:#fff; text-align:center; font-weight: 600; font-family: 'NanumSquare_B'; font-size:18px; right:0; top:-35px;}
.job ul li h2 {font-weight: 600; font-family: 'NanumSquare_B'; font-size:22px; margin-bottom:20px; color:#e33256;}
.job ul li p {font-size:15px; font-weight: 300; color:#666;}
.job ul li > b{ display:block; margin:25px 0 25px 0; width:35px; height:1px; background: #e33256;}

/* bpo */
.bpo_img {text-align: center; margin-top:20px; padding-bottom:30px; border-bottom:1px solid #eee;}
.sub_txtbox {color:#666; font-size:16px; font-weight: 300; line-height:28px; border:1px solid #ddd; background: #f8f8f8; padding:30px;}
.sub_txtbox > span {color:#ee1451;}

/* fm */
.border_bot {padding-bottom:30px; border-bottom:1px solid #eee;}

/* fm2 */
.fm_head {display:inline-block;}
.fm_head1 {float:left; width:477px; height:301px; background: url('../images/sub/fm_bg1.png') no-repeat; text-align:center; color:#d04d4d;}
.fm_head1 h2 {font-weight: 800; font-family: 'NanumSquare_EB'; font-size:34px; margin-top:100px;}
.fm_head1 h3 {font-weight: 600; font-family: 'NanumSquare_B'; font-size:18px; margin-top:20px;}


.fm_head2 {float:left; width:766px; height:263px; background: url('../images/sub/fm_bg2.png') no-repeat; text-align:center; margin-top:20px; color:#d04d4d;}
.fm_head2 ul {margin-top:120px;}
.fm_head2 ul li {display:inline-block; font-weight: 600; font-family: 'NanumSquare_B'; font-size:18px; width:210px; padding-right:15px;}
.fm_head2 ul li:nth-child(2) {margin:0 40px;}

.fm_con2 {margin-top:40px;}
.fm_con2 ul {width:100%; text-align:center;}
.fm_con2 ul li {width:353px; height:259px;  background: url('../images/sub/fm_list_bg1.png') no-repeat; box-shadow: 0 0 10px 3px rgba(0,0,0,0.05);
border-radius: 30px; display:inline-block; margin-right:70px; text-align:left; padding:0 30px;}
.fm_con2 ul li:nth-child(even) {background: url('../images/sub/fm_list_bg2.png') no-repeat;}
.fm_con2 ul li:last-child {margin-right:0;}
.fm_con2 ul li div {float:left;}
.fm_con2 ul li h2 {color:#fff; width:305px; display:block;  font-weight: 600; font-family: 'NanumSquare_B'; font-size:20px; padding-top:13px;}
.fm_con2 ul li h2 span {float:right; padding: 0 10px 0 0;}
.fm_con2 ul li p {background: url(../images/sub/advice2_table2_bar2.jpg) 0 9px no-repeat;     font-weight: 300;     color: #666;
font-size:15px;  padding-left:15px; margin-top:10px;}

.fm_img {text-align:center; margin-top:10px;}

/* sup_con3 */
.sup_con3 ul li {margin-bottom:15px;}
.sup_con3 ul li div{float:left; }
.sup_con3 ul li div:first-child {width:112px; height:112px; background: url('../images/sub/sup_con3-1.png') no-repeat; text-align:center; }
.sup_con3 ul li div:last-child {padding-left:25px; width:1158px;}
.sup_con3 ul li h2 {color:#fff; line-height:110px; font-weight: 800; font-family: 'NanumSquare_EB'; font-size:24px;}
.sup_con3 ul li h3 {width:100%; border-bottom:2px solid #e03657; padding-bottom:10px; display:block; font-weight: 600; font-family: 'NanumSquare_B';
font-size:18px; color:#e03657;}
.sup_con3 ul li p {background: #f8f8f8; padding:10px 20px; min-height:70px; border-bottom-right-radius: 30px;}
.sup_con3 ul li p span {background: url('../images/sub/advice2_table2_bar2.jpg') 0 12px no-repeat; font-size:15px; color:#828282; font-weight: 300; padding-left:12px;
display:inline-block; margin-left:80px; margin-top:12px;}
.sup_con3 ul li p span:first-child {margin-left:0;}

.sup_con3 ul li:nth-child(even) div:first-child {background: url('../images/sub/sup_con3-2.png') no-repeat;}
.sup_con3 ul li:nth-child(even) h3 {border-bottom:2px solid #4e4e4e; color:#4e4e4e;}

/* sup_con2 */
.sup_con2 ul li {float:left; width:168px; height:127px; margin-right:38px; border-radius: 20px; background: #fff; border:1px solid #ddd; position:relative;
	text-align:center;}
.sup_con2 ul li > img {position:absolute; top:50px; right:-25px;}
.sup_con2_arrow {position:absolute;}
.sup_con2_arrow.ver1 {width:251px; height:51px; background: url('../images/sub/sup_con2_arrow4.png') no-repeat; top:-52px; left:-140px;}
.sup_con2_arrow.ver2 {width:81px; height:170px; background: url('../images/sub/sup_con2_arrow6.png') no-repeat; top:60px; right:-83px;}
.sup_con2_arrow.ver3 {width:246px; height:53px; background: url('../images/sub/sup_con2_arrow5.png') no-repeat; bottom:-54px; left:65px;}

.sup_con2 ul li:first-child {border:1px solid #e33256; background: #e33256; color:#fff;}
.sup_con2 ul li:last-child {margin-right:0;}
.sup_con2 ul li:last-child > img {top:140px; left:75px;}
.sup_con2 ul li:nth-child(3), .sup_con2 ul li:nth-child(5) {background: #f8f8f8;}
.sup_con2 ul:last-child li:nth-child(even) {background: #f8f8f8;}
.sup_con2 ul:last-child li:nth-child(3), .sup_con2 ul:last-child li:nth-child(5) {background: #fff;}

.sup_con2 ul li h2 {font-weight: 600; font-size:18px; font-family: 'NanumSquare_B'; margin-top:40px; line-height: 24px;}
.sup_con2 ul li h3 {font-size:15px; font-weight: 500; color:#333; line-height:20px; margin-top:24px;}
.sup_con2 ul li > span {display:inline-block; background: #4e4e4e; border-radius: 30px; padding:5px 10px; color:#fff; font-size:13px; font-weight: 300; color:#fff;
margin-top:13px;}














































/**********************************/