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

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


/* -------------------------------------------------------------------
| 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; color: #979494; content: ">";}
.breadcrumb .active{color:#979494;}

body{font-family: 'Noto Sans KR', sans-serif;}
/* -------------------------------------------------------------------
| Header section
|
| 테마의 헤더영역내의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.header_wrap{width:100%;min-width:1550px;height:110px;}
/*로그인바*/
.login_bar{width: 100%; height: 40px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.login_center:after{display: block;content: "";clear: both;}
.login_center{ width: 1550px; height: 40px; margin: 0 auto; }
.login_center>ul{ float: right; }
.login_center>ul:after{display: block;content: "";clear: both;}
.login_center>ul>li{ float: left; line-height: 38px; margin-right: 10px; }
.login_center>ul>li>a{  font-size:13px; color:#444; font-weight: 300;   }
.login_line{font-size:10px; color:#aaa; }

.header{position:relative;width:1550px;margin:0 auto;height:100px}
.logo{position:absolute;width:307px;height:54px;top:20px;left:0px; z-index:1000;}
.logo a img.labtop {display: none; width: 200px; }


.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{position:absolute; width:1100px; height: 100px; right:120px; line-height: 100px; z-index:2000;}
.top_menu ul.top_menu_list{position:absolute;top:0px;right:0; height:100%; display: flex;}
.top_menu ul.top_menu_list li.parent_menu {height:100%; position: relative; }
.parent_menu>a{display:block; line-height: 26px; padding:0 15px;  font-size:14px;color:#353535;text-decoration:none; font-weight: 400; border-bottom: 3px solid transparent;  text-align: center;
word-break:keep-all; text-align: center; height: 100%; display: flex ;align-items: center ;justify-content: center; letter-spacing: -.4px;  min-width: 90px;}
.parent_menu:last-child a{padding-right: 0; }
.parent_menu a:hover{color:#e4322b}
.parent_menu>a.active{color:#e4322b; border-bottom: 3px solid #e4322b; }
ul.child_menu {position:absolute; top: 100px; display:none;z-index:100; min-width: 160px;left:50%; transform:translateX(-50%); }
ul.child_menu li.child_smenu{position: relative; width: 180px; padding: 10px 15px;  background-color: #e4322b; color: #ddd; line-height: 25px; border-top: 0px solid #ccc; border-bottom: 1px solid #e44d47;}
ul.child_menu li.child_smenu a{ display: block; width: 100%; font-size: 10pt; color: #fff; text-decoration: none; transition: all 0.3s; }
ul.child_menu li.child_smenu a:hover {color:#e5aba9; }

/* header */
@media screen and (max-width:1700px){
	.header_wrap {min-width:1200px;}
	.header {width: 1200px;}
	.logo a img.pc {display: none;}
	.logo a img.labtop {display: block; }

	.logo {width: 200px; top:32px;}
	.top_menu {width: 815px;}
	.top_menu ul.top_menu_list {width: 100%;}
	.parent_menu>a {font-size:13px; min-width: auto; max-width: auto; line-height: 22px;padding:0 15px;   }
}


/*로그인페이지*/
.login_area{width: 55%; background: #f7f7f7; padding: 80px; margin: 0 auto; }
.login_logo{text-align: center; }
.login_logo>img{ width: 50%; }
.login_title{font-size: 20px; font-weight: 400; color: #444; margin: 40px 0 3px 0; }
.login_title2{font-size: 14px; font-weight: 400; color: #777; margin-bottom: 30px;  }
.login_id{ margin-bottom: 30px; }
.login_id input{ height: 50px; }
.login_id input[type=id] { margin-bottom: 10px; }
.login_bt button{ background:#e4322b; font-size: 20px; font-weight: 400; color: #fff;height: 65px; border: 1px solid transparent;  transition: all 0.3s; }
.login_bt button:hover{ background: #ce2f28; }
.login_find{ line-height: 40px; }
.login_find:after{display: block;content: "";clear: both;}
.login_join{ background:#fafafa; border: 1px solid #ccc; padding:20px; font-size:15px; font-weight: 400; color: #9e9e9e; margin: 30px 0 15px 0;}
.id_find a{ font-size:16px; font-weight: 400; color: #777;}
.id_find a:hover{text-decoration: none; }
.pw_find a{ font-size:16px; font-weight: 400; color: #777;  }
.pw_find a:hover{text-decoration: none; }
.join_go{ float: right; }
.join_go a{ display: inline-block; width: 150px; height: 40px; text-align: center; line-height: 40px; background: #353535; font-size:15px; font-weight: 400;  color: #fff; transition: all 0.3s; }
.join_go a:hover{ background: #252525; text-decoration: none; }
/*회원가입동의*/
.agree_wrap{ background: #fafafa; padding: 70px; border-top:2px solid #e4322b;   }
.agree_wrap:after{display: block;content: "";clear: both;}
.agree_title{  font-size:18px; font-weight: 400; color: #333; margin-bottom: 10px; }
.agree_t textarea{ background-color: #fff!important; }
.agree_ch:after{display: block;content: "";clear: both;}
.agree_ch>div{ float: right; }
.agree_bt1{ background-color: #e4322b; color: #fff; border-radius: 4px; padding: 10px 50px; font-size:15px; font-weight: 300; margin-right: 10px;  }
.agree_bt2{ background-color: #353535; color: #fff; border-radius: 4px; padding: 10px 50px; font-size:15px; font-weight: 300;}
.agree_bt3{ background-color: #5f5f5f; color: #fff; border-radius: 4px; padding: 10px 50px; font-size:15px; font-weight: 300; margin-right: 10px;}
/*회원가입*/
.member_skin_top { width: 100%; margin: 0 auto 30px; padding: 25px 30px; border: 1px solid #cecece; background: #f9f9f9; }
.member_skin_top ul li { position: relative; padding-left: 12px; line-height: 26px;  font-weight: 300; font-size: 13px; color: #888888; }
.member_skin_top ul li:before { position: absolute; left: 0; top: 50%; margin-top: -2px; width: 3px; height: 3px; background: #888888; content: "";}
.register_c { position: relative; top: 3px; margin-right: 5px; color: #d71609;}
.register_bt{ text-align: center; }
.register_title{font-family: 'Nanum Gothic', sans-serif; font-weight: 400;  font-size:25px; color: #333; border-bottom: 0; }
.register_table{border-top: 2px solid #666666; border-left:0; border-right: 0; }
.register_table>tbody>tr>th{ padding: 17px 10px 17px 20px; text-align: left; font-size: 14px; font-weight: 500;  color: #666666; background: #fafafa; }
.register_table>tbody>tr>td{ vertical-align: middle;}
/*아이디찿기*/
.find_wrap{ background: #f2f5f7; padding: 50px; margin-bottom: 40px; }
.find_title{ text-align: center; font-size: 16px; font-weight: 400;  color: #666666;}
.find_t{  font-size: 16px; font-weight: 500;  color: #353535; margin-right: 15px; }

/*마이페이지*/
.mypage_table{border-top: 2px solid #666666; border-left:0; border-right: 0; }
.mypage_table>tbody>tr>th{ padding: 17px 10px 17px 20px; text-align: left; font-size: 14px; font-weight: 500;  color: #666666; background: #fafafa; }
.mypage_table>tbody>tr>td{ font-size: 14px; font-weight: 400;  color: #666666; vertical-align: middle; padding-left:20px;  }

/* -------------------------------------------------------------------
| Foot section
|
| 테마의 푸터영역의 속성을 정의합니다.
| ------------------------------------------------------------------*/
.footer_area_wrap{width:100%;min-width:1200px;background:#fff;height:220px; border-top: 1px solid #ccc; }
.footer_area {position:relative;width:1200px;margin:0 auto;padding:20px 0 100px;}
.ft_logo{ position: absolute; left: 0; top:70px;}
.footer_copy {position:absolute;left:350px; top:55px; font-size:12px; color:#7a7a7a; line-height:20px; font-family: "nanum", sans-serif;}
.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:0; opacity: 0.5;}
.footer_device{position:absolute;left:350px;top:165px}
.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}
.ft_logo2{display: inline-block; width: 127px; height: 53px; position: absolute; right: 0; bottom:0;}


/* -------------------------------------------------------------------
| Button section
|
| 테마내의 버튼들의 속성을 정의 합니다.
| ------------------------------------------------------------------*/
.btn_page_up{position:fixed; bottom:50px; right:50px; z-index:1000; display:none;}
.page_up {
	width: 50px;
	height: 50px;
   background-color: #e4322b;
   border-color: #e4322b;
   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: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_prev.png') no-repeat 0 50%;
	border: 0;
	width: 31px;
	height: 51px;
	text-indent: -9999px;
	margin-top: -25px;
	opacity:0.6;
}
.bxslider_btn_next {
	position: absolute;
	right: 50px;
	top: 50%;
	z-index: 99;
	background: url('../images/bxslider_btn_next.png') no-repeat 0 50%;
	border: 0;
	width: 31px;
	height: 51px;
	text-indent: -9999px;
	margin-top: -25px;
	opacity:0.6;
}

.main_cont{ position: absolute; top: 342px; left: 50%; margin-left: -600px; width:1200px; z-index:900; }
.main_cont_t{position: relative; width: 1200px; height: 165px; }
.main_cont_left{ position: absolute; left: 0; font-weight: 400; font-size: 100px; color: #fff; }
.main_cont_right{ position: absolute; right: 0; font-weight: 400; font-size: 100px; color: #fff; }
.main_cont_title1{ position: absolute; left:60px; width: 453px; height: 163px; }
.main_cont_title2{ position: absolute; right: 110px; top:25px; font-size: 16px; color: #fff; line-height: 25px; font-weight: 400; text-align: left;     text-shadow: 2px 2px 2px #434343;}
.main_cont_title3{ position: absolute; right:60px; bottom:35px; width: 568px; height: 30px; }

.scroll_icon{position: absolute; bottom: 50px; left: 50%; width: 85px; height: 93px; background: url('../images/common/scroll_dw.png') center center no-repeat; z-index:900; animation: mouse 1.5s infinite ease-in-out;}
@keyframes mouse {
  0% {bottom:50px}
  50% {bottom:70px;}
  100% {bottom:50px;}
}

.main_btn{width:170px;height:40px;background: #14a2c4; }
.main_btn a{font-size:15px;font-family: "OpenSans", sans-serif;width:170px;height:40px;background: #14a2c4;text-decoration: none;vertical-align: middle;line-height: 40px;display: inline-block;color:#fff;text-align: center;}
.main_btn a:hover{background: #957760;}
}
.main_btn{width:170px;height:40px;background: #14a2c4;}
.main_btn a{font-size:15px;font-family: "OpenSans", sans-serif;width:170px;height:40px;background: #14a2c4;text-decoration: none;vertical-align: middle;line-height: 40px;display: inline-block;color:#fff;text-align: center;}
.main_btn a:hover{background: #957760;}

.main_cont_short{position:relative;width:386px;margin:0 auto 50px;height:50px;}
.main_cont_short ul{height:50px}
.main_cont_short ul li{width:183px;height:50px;float:left;}
.main_cont_short ul li a{display:block;width:183px;height:50px;border:2px solid #fff;text-decoration:none;color:#fff;font-size:18px;letter-spacing:0.5px;font-family: "NotoSans-Bold", sans-serif;padding:10px 0 0}
.main_cont_short ul li a:hover{border:2px solid #569eff;color:#569eff;}

#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;} */
/* 메인레이아웃 */
.top_line_wrap{width: 100%; height: 10px; }
.top_line_wrap:after{display: block;content: "";clear: both;}
.top_line1{width: 50%; height: 10px; background: #898989; float: left;}
.top_line2{width: 50%; height: 10px; background: #e4322b; float: left;}


.box1{position: relative; width: 100%; height: 485px; overflow:hidden; background: #f7f6f7 ; }
.box1_bg{width: 374px; height: 322px; position:absolute; top:-16px; left:50%; margin-left: -985px;  background:  url('../images/common/box1_bg.png') center center no-repeat;}
.box1_ani1{position:absolute; top: 30px; left: 50%; margin-left: -935px; width: 106px; height: 105px; background:  url('../images/common/box1_ani_1.png') center center no-repeat;  animation: rota 5s linear infinite;}
.box1_ani2{position:absolute; top: 30px; left: 50%; margin-left: -765px;width: 106px; height: 105px; background:  url('../images/common/box1_ani_2.png') center center no-repeat;  animation: rota 5s linear infinite;}
@keyframes rota {
  100% {
    transform: rotate(180deg); } }

.box1_wrap{width: 1200px; height: 485px; margin: 0 auto; padding-top: 60px; }
.box1_wrap:after{display: block;content: "";clear: both;}
.box1_wrap>a{position: relative; display: inline-block;float: left; width: 384px; height: 365px; margin-left: 24px; overflow: hidden;}
.box1_wrap>a:first-child{margin: 0; }
.box1_over_img{position: absolute; z-index: 3; width: 384px; height: 365px; transition: all 0.3s; transform:scale(2);}
.box1_wrap>a:hover .box1_over_img{transform:scale(1);}
.box1_img{position: absolute; z-index: 1; transition: all 0.3s;  transform:scale(1);}
.box1_wrap>a:hover .box1_img{ transform:scale(1.2);}
.box1_icon{position: absolute; z-index: 2; top: 87px; left: 138px; }
.box1_line{position: absolute; z-index: 2;width: 125px; height: 2px; bottom: 87px; left: 129px; background: #fff; }
.box1_text1{position: absolute; bottom: 103px; left:50%; transform:translateX(-50%);  z-index: 2;font-size: 22px; font-weight: 400; color:#fff;  white-space: nowrap ;}
.box1_text2{position: absolute; bottom: 103px; left:50%; transform:translateX(-50%);   z-index: 2;font-size: 25px; font-weight: 400; color:#fff; }
.box1_text3{position: absolute; bottom: 103px;left:50%; transform:translateX(-50%);   z-index: 2;font-size: 25px; font-weight: 400; color:#fff; }

.box2{position: relative;  width: 100%; height: 505px; background:url('../images/common/box2_bg.png') #f7f6f7  center bottom no-repeat; }
.box2_img2{position:absolute; top: 82px; right:50%; margin-right:-860px;  width: 354px; height: 277px;background:  url('../images/common/box2_bg2.png') center center no-repeat; z-index:1;}
.box2_img2_ani{position:absolute; top: 122px; right:50%; margin-right:-745px;  width: 199px; height: 197px;background:  url('../images/common/box2_ani.png') center center no-repeat; z-index:1;  animation: rota 10s linear infinite;}
.box2_wrap{position: relative; width: 1200px; height: 505px;margin: 0 auto; z-index: 3;  }

.box2_notice{width: 1200px; height: 445px; background:url('../images/common/box2_notice_bg.jpg') #cdcdcd  center center no-repeat; padding:30px 40px 0 40px; }
.notice_box{width: 100%; height: 300px; background: #fff; }
.box2_title{width: 100%; height: 55px; margin-bottom: 15px; }
.box2_title:after{display: block;content: "";clear: both;}
.box2_title>p{float:left; font-size: 35px; font-weight: 500; color: #fff; }
.box2_more{display: inline-block; width: 55px; height: 55px; float: right;}

.notice_box:after{display: block;content: "";clear: both;}
.news_con{position: relative; float: left; width:280px; height:300px; padding: 35px 25px}
.news_con::before {position: absolute; top: 80px; right: 0; width: 1px; height:155px; background: #ccc; content: ""; }
.news_more{position: absolute; bottom:10px; right: 0; font-size: 14px; color: #717171; }
.news_day{ font-weight: 400; color: #5e5e5e; font-size: 15px;  line-height:36px;}
.news_day>p{ font-size:45px; color: #000; }
.news_text>a{font-family: "Noto Sans KR", sans-serif; font-weight: 300; color: #5e5e5e; font-size: 13px; line-height: 20px; }
.news_text_line{width: 25px; height: 1px; background: #000; margin:0 0 10px 10px; }
.news_title{ color: #000; font-size: 16px; margin:10px 0; font-weight: 500;  }



/* -------------------------------------------------------------------
| Body section
|
| 테마내에 일반적인 컨텐츠들의 속성을 정의합니다.
| ------------------------------------------------------------------*/
/* warp */
#wrap {background-color:#fff;}
/* 서브 레이아웃 */
#sub_top_area_wrap{width:100%;min-width:1200px;height:350px}
.sub_top_line{width:45px; height: 3px; background: #fff; margin: 0 auto; }
.sub_top_area{position:relative;width:1200px;margin:0 auto;padding-top:145px;font-size: 18px; font-family: "Noto Sans KR", sans-serif; font-weight: 300;color:#fff;text-align: center; text-shadow: 2px 2px 2px #202020;}
.sub_top_area_t{font-size:45px;font-family: "Noto Sans KR", sans-serif; font-weight: 500; text-shadow: 2px 2px 7px #202020; margin-bottom: 15px;}


.sub_article_wrap{position:relative;width:100%;min-width:1200px;}
.sub_article{position:relative;width:1200px;margin:0 auto;}
.title{text-align:center;padding:0 0 30px 0; border-bottom: 1px solid #e4e4e4; margin-bottom: 40px;}
.title_line{width: 15px; height: 15px; margin:50px auto 10px auto; }
.sub_title{font-weight: 500; color:#353535;font-size:35px;padding-bottom:29px;padding-left:70px;padding-right:70px; letter-spacing:-1.5px; border-bottom: 1px solid #e4322b; }
/* .sub_top_title{color:#FFF;font-size:72px;font-family: 'NotoSans-Medium', sans-serif; letter-spacing: -3px;} */
.sub_menu{text-align: center; 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 {width: 80px; height: 60px; background: #e4322b; line-height: 60px; float: left; border-right: 1px solid #ccc; border-left: 1px solid #ccc; overflow: hidden;}
.sub_dep{min-width: 340px; height: 60px; float: left; background: url('../images/common/sub_menu_btn.png') no-repeat 90% 47%; border-right: 1px solid #ccc;}
.sub_dep_t {line-height: 60px;}
.sub_dep_t2{; background: url('../images/common/sub_menu_btn2.png') #fff no-repeat 90% 47%; }
.sub_dep_t a { font-size: 14px; color: #353535; text-decoration: none; display: block;  text-align: left; padding-left: 20px}
.sub_dep_t2>a{color: #e4322b;}
.sub_dep ul li a:hover {color: #e4322b;}
.sub_dep ul li a.active {color: #e4322b;font-family: "NotoSans-Medium", sans-serif;}
.sub_dep ul { position:relative; z-index: 999; margin-top: 1px; 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;}

.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_w.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; }

.greetings_title{font-size: 30px; font-weight: 300; color: #353535; text-align: center; letter-spacing:-0.7px; line-height: 45px; }
.greetings_title1{font-weight: 500; }
.greetings_title2{color: #e4322b; }

.greetings_ceo {margin:40px auto; text-align:center; height:350px; width:900px;}
.greetings_ceo img, .greetings_ceo > p {float:left; }
.greetings_ceo img {width:260px;}
.greetings_ceo > p {font-size:25px; font-weight: 300; line-height: 45px; text-align:left;  padding-top:80px; padding-left:100px;}
.greetings_ceo > p span {font-weight: 500; }

.greetings_text{font-size: 16px; font-weight: 300; color: #353535; text-align: center; letter-spacing:-0.4px; line-height:36px; word-break: keep-all;}

.greetings_name{text-align: right; font-size: 20px; font-weight: 700; color: #000; margin: 50px 90px 0 0; }
.greetings_name>img{margin-left: 20px;}

.location_img1{border: 1px solid #ccc; overflow:hidden; margin-bottom: 50px; }
.location_title{font-size: 30px; font-weight: 700; color: #353535; letter-spacing:-0.7px;  margin-bottom: 30px; }
.location_title>img{margin-right:5px; }
.location_text{font-size:16px; font-weight: 400; color: #353535; letter-spacing:-0.7px; line-height: 35px; }
.location_t{font-size: 20px; font-weight: 500; }
.location_n{display: inline-block;  height:25px; line-height:25px; color: #fff;  background:#e4322b; padding:0 10px; border-radius: 20px; }
/* 영문수정 */
.loc_num {margin-top: 20px;}
.loc_num li {display: flex; align-items: flex-start; margin-bottom: 10px; }
.loc_num li h3 {display: block; height:25px; line-height:25px; color: #fff;  background:#e4322b; padding:0 10px; border-radius: 20px;font-size:16px; font-weight: 500; margin:0;
margin-right: 10px; position: relative; top:1px ;}
.loc_num li p {font-size:15px; font-weight: 400; line-height: 28px;}


.location_wrap:after{display: block;content: "";clear: both;}
.location_wrap>div{width: 600px; float: left; }
.location_wrap>div:first-child {padding-right: 40px;}
.location_s{display: inline-block;  height:25px; line-height:25px; color: #fff;  background:#8b00e7; padding:0 10px; border-radius: 20px; }

.join_box{width: 100%; height: auto; background:#f3f9ff; padding:50px 30px; }
.text_o{position: relative; top: -2px; display: inline-block; width: 10px; height: 10px; background:#d30800;margin-right:10px; }
.join_t{ width: 70%; margin:0 auto; padding: 30px; font-size: 17px; font-weight: 500; color: #666; background: #fff; text-align: center; }

.bbs_title{ background: #f8f8f8; padding: 40px; font-size: 16px; font-weight: 400; text-align: center; margin-bottom: 30px; word-break:keep-all; color: #353535; }

.encyclic_t{ font-weight: 500; font-size: 35px; color: #353535; text-align: center; }
.encyclic_title{font-weight: 400; font-size: 23px; color: #353535; text-align: center; margin:50px 0 30px 0;}
.encyclic_text{font-weight: 400; font-size: 15px; color: #666; margin: 40px 0; line-height:30px;  }
.encyclic_text>span{ font-weight: 500; font-size: 17px; color: #555;  }
.encyclic_table1{width: 100%;  margin-bottom: 20px;}
.encyclic_table1 th{background: #fafafa; font-size: 15px; text-align: center; border: 1px solid #ccc; font-weight: 500; padding:15px; }
.encyclic_table1 td{font-size: 15px; text-align: center; border: 1px solid #ccc; font-weight: 400; padding:10px; line-height:20px;}

.encyclic_table2{width: 100%;  }
.encyclic_table2 td{ background: #fafafa; font-size: 15px; text-align: center; border: 1px solid #ccc; font-weight: 400; padding:15px; }

.encyclic_table3{width: 100%;  margin-bottom: 20px;}
.encyclic_table3 th{background: #fafafa; font-size: 15px; text-align: center; border: 1px solid #ccc; font-weight: 500; padding:15px; }
.encyclic_table3 td{font-size: 15px; text-align: center; border: 1px solid #ccc; font-weight: 400; padding:10px; line-height:20px;}

.organizationchart_title{color: #000; font-size:25px; font-weight: 400; margin-bottom: 30px;  }
.organizationchart_title>span{position: relative; top:-5px; display: inline-block; width: 10px; height: 10px; background:#e4322b; margin-right: 10px;}
.organizationchart_table1{ width: 100%;}
.organizationchart_table1 th{ color: #353535; font-size: 16px; font-weight: 400; text-align: center; padding: 10px; border: 1px solid #ccc; background: #fafafa; }
.organizationchart_table1 td{ color: #666; font-size: 15px; font-weight: 400; text-align: center; padding: 10px; border: 1px solid #ccc; }

/* about 추가 */
#about {text-align: center ;}
#about .top {width: 100%; height: 260px; background-color: #000; background: url('../images/sub/ab_top.jpg') no-repeat 50% 50%; background-size: cover; }
#about .w_box {width: 1100px; background-color: #fff; position: relative; z-index: 2; padding:0 50px 0; margin:60px auto 0; }
#about h1 {margin:0; font-size:35px; color:#000; font-weight: 500; }
#about h2 {margin:25px 0 0; font-size:28px; font-weight: 300 ;color:#000; margin-top: 25px;}
#about h2::after {content: ''; display: block ; width: 60px; height: 3px ;background-color: #e4322b; margin:35px auto;}
#about p {    font-size: 15px; font-weight:300; color: #333; text-align: center; letter-spacing: -0.4px; line-height: 32px; word-break: keep-all;}