@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Russo+One&display=swap'); */

@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}

body{margin:0; padding:0; font-family: 'Noto Sans KR', sans-serif; background:#fff;} /*Gothic A1*/
img{border:0;}
li{list-style:none;}
a{text-decoration:none;}
a:hover{color:none; text-decoration:none;}
dl,dl {margin:0;padding:0}
.left{float:left;}
.right{float:right;}
.point{cursor:pointer;}
.moblie{display:none;}
i.fa{color:#666}
.top{margin-top:0 !important; padding-top:0 !important;}
input{outline: none}
#wrap{width:100%;}
.content_wrap{width:1200px; margin:0 auto;}
.big_wrap{width:100%;}
.sub_content_img_wrap{width:968px; overflow:hidden; background:#F4F2F0}
/*HEADER*/
.top_header{ height:35px; line-height:35px; float:right; margin:0 auto; overflow:hidden;}
.top_header div {float:left;}
.top_header div.top_menu{width:75px; height:35px;}
.top_header ul li{float:left;}

.top_menu li:nth-of-type(2n){padding:0px 8px;}
.top_menu li a{display:inline-block; width:75px; height:35px; text-align:center; background:#a6a6a6; color:#FFF; font-weight:500; font-size:12px; padding-top:1px;}

.top_menu li:after{content:"|";display:inherit;position:relative;margin:-48px 10px 0 47px;font-size:.2em;color:#999999;font-weight:100}
.top_menu li:last-child:after{content:""}
.top_lang{width:85px; height:35px; background:#5a5a5a; color:#FFF; box-sizing:border-box; overflow:hidden; padding:0 0;padding-top:10px}
.top_lang dl{display:none;line-height:15px}
.top_lang dl a{color:#176298; font-size:12px; font-weight:500; padding-left:11px;}
.top_lang dl.lang_on {color:#acacac !important;display:block}
.top_lang dl.lang_on a{color:#FFF !important;}
.top_lang dl:nth-of-type(2){color:#acacac; font-size:10px; position:absolute}
.top_lang dl:nth-of-type(2) a{display:inline-block;background:#474747; color:#FFF; border-top:1px solid #5f5f5f; width:85px; height:35px; box-sizing:border-box;  line-height:35px; padding:0; padding-left:11px;position:absolute;top:9px}
.top_search{width:40px; height:35px; background:#146498; color:#FFF; font-size:12px; text-align:center; font-weight:500;}

.header_search, .header_search_none{width:100px; position:relative; height:35px; line-height:38px;  text-align:center; font-size:14px; font-weight:600; color:#717171; cursor:pointer;}
.header_search input{display:none; margin-top:-5px; border:0; border-bottom:1px solid #ccc; margin:0 10px;width:150px;float:left;margin:8px 10px 0 10px}
.header_search img.search_img, .search_close{margin-top:-3px; cursor:pointer;float:left;margin:12px 0 15px 20px; position:relative; z-index:99;}
.header_search span{margin-right:15px;}

.header_quick{width:140px; height:45px; margin-left:20px; line-height:45px; background:#26964A; border:1px solid #26964A;  color:#FFF; font-weight:600; text-align:center; cursor:pointer; }
.header_quick:after{content:"";background:url('../img/main/quick_arrow.png') no-repeat 50%; font-size:3px; padding-left:12px;}
ul.quick_menu{display:none; width:140px; overflow:hidden; position:absolute; z-index:2;}
ul.quick_menu li{width:100%; height:45px; line-height:45px; font-size:14px; font-weight:500; background:#E4E4E4; border:1px solid#E4E4E4;  border-bottom:1px solid #FFF;}

/*로고 옆 최상단 메뉴타이틀 셋팅*/
.bottom_header{width:100%; overflow:hidden; margin:0px auto 16px;
  display: flex;
  justify-content: space-between;
}
.bottom_header ul.bottom_menu{
  padding-top:40px;
  /* padding-left:120px; */
}
.bottom_header ul.bottom_menu > li{
  float:left; font-size:18px; color:#4d4d4d; font-weight:600; padding:0 50px;
  padding-left:70px;
}
/* .bottom_header ul.bottom_menu > li:nth-of-type(3){padding:0  45px 0 33px;}
.bottom_header ul.bottom_menu > li:nth-of-type(4){padding:0  45px 0 33px;} */
/* .bottom_header ul.bottom_menu > li:nth-of-type(4){padding:0  65px 0 55px;} */
.bottom_header ul.bottom_menu > .mn_ons a{color:#1c85d0; font-weight:700}
.bottom_header ul.bottom_menu > li:last-of-type{padding-right:60px;}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub {display:block; position:absolute;  background:#146498; z-index:9; height:0;overflow:hidden;margin-top:-49px;margin-left:-15px;width:100px;}
/* .bottom_header ul.bottom_menu > li dl.bottom_menu_sub { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }*/
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub.menu_on{height:auto; padding:10px 15px 15px;border-radius:5px}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dd{width:100px;  /*padding-left:20px;*/}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dt a{ font-weight:bold;font-size:20px; color:#FFF; display:inline-block; line-height:normal;font-weight:normal;padding:10px 0 20px;}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dt {border-bottom:2px #fff solid;margin-bottom:10px}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dd a{ font-size:13px; color:#FFF; display:inline-block; padding:5px 0; line-height:normal;font-weight:normal;}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dd:hover{background:#FFF}
.bottom_header ul.bottom_menu > li dl.bottom_menu_sub dd:hover a{color:#000;}
.bottom_header ul.bottom_menu > li.subn {font-size:1em; font-weight:500;}


/*언어선택*/
.bottom_header .langForm { 
  position:relative; 
  vertical-align:top; 
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size:16px;
  padding-top: 40px;
}

.bottom_header .langForm a {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  line-height: 14px;
}

.bottom_header .langForm a::after {
  display: block; 
  content: ""; 
  width: 1px; 
  height: 14px; 
  background-color: black; 
  margin: 0 14px;
}
.bottom_header .langForm a:last-child::after {
  display: none;
}

/* .bottom_header .servicesWrap .selectForm option{
  background: black;
  color: #fff;
  padding: 3px 0;
  border: none;
} */


select {

  width: 60px;                                                /* 원하는 너비설정 */
  /* padding: 0.2em 0 0.3em 0.3em;                                        여백으로 높이 설정 */
  /* border: 1px solid white; */
  border-style: none;
  font-family: inherit;                                          /* 폰트 상속 */
  /* background: url('arrow.jpg') no-repeat 95% 50%;     네이티브 화살표 대체 이미지와 위치 */
  border-radius: 0px;                                          /* iOS 둥근모서리 제거 */
  -webkit-appearance: none;                                 /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: 0 none;
  }
  
select::-ms-expand {                                        /* IE 10, 11의 네이티브 화살표 숨기기 */
      display: none;
}

.agreeWrap {
  padding-top: 70px;
}

.agreeWrap p.title	{clear:both; margin:30px 0 20px;font-weight:inherit; letter-spacing:inherit;font-size:18px;}
.agreeWrap .scrollWrap	{
  height:330px; padding:40px 30px; 
  border:1px solid #dcdcdc; 
  overflow-y:scroll; 
  color:#727272; 
  line-height:1.8; 
  font-size:8px; 
  font-weight:300;}
.agreeWrap .checkWrap	{clear:both; margin-top:30px; overflow:hidden; padding-bottom:5px;}
.agreeWrap .checkWrap p	{float:left;}
.agreeWrap .checkWrap p.inputWrap	{float:right;}
.agreeWrap .checkWrap.all	{margin:59px 0 40px;}
.btnWrap	{clear:both;padding-top:40px; border-top:1px solid #dcdcdc; text-align:center;}





/*하단 로고*/
.content_bottom_logo{overflow:hidden; width:100%; padding-bottom:50px; }
.content_bottom_logo li{float:left; padding-left:108px;}
.content_bottom_logo li:first-of-type{padding-left:0;}

.RollDiv{ width:1200px; height:60px; margin:0 auto; overflow:hidden; line-height:60px;} 
.RollDiv > div{ width:2000px; height:100px; overflow:hidden; margin-left:-70px; } 
.RollDiv > div > a{ float:left; display:block;margin-right:10px;} 
.RollDiv > div > a > img{margin-left:100px;height:40px;width:auto} 

/*FOOTER*/
.footer_wrap{width:1200px;margin:0 auto; padding-top:30px;padding-bottom:30px;}
/* .footer_wrap > div{float:left; margin:35px 0;} */
.footer_logo{width:18%}
.footer_logo ul {margin-top:0;}
.footer_middle{padding-top:10px;width:56%; color:#002E6B; font-size:14px; line-height:24px;}
.footer_address{color:#002E6B; font-size:14px; line-height:24px;}
.footer_address a {color:#002E6B; }
.footer_copyright{padding-right:52px;text-align:center;padding-top:55px;color:#6c9eba; font-size:11.5px; line-height:24px;}
.footer_contact{padding-top:10px;padding-bottom:10px;width:15%; color:#002E6B; font-size:14px; line-height:24px;}
.footer_contact a {color:#002E6B; }
.footer_contact dl dd{margin:0;}

.footer_logo ul li > img {width:150px;}

.footer_social{padding-top:21px;padding-bottom:10px;overflow:hidden;width:10%; color:#002E6B; font-size:14px; line-height:24px;}
.footer_social dl dd{margin:0;}

/* div.footer_logo > img {width:80%;} */
.footer_link{width:20%;margin-left:78%;margin-top:-95px}
.footer_link > div.footer_link_btn{width:240px; height:42px; box-sizing:border-box; position:relative; background:#8a8a8a; cursor:pointer; padding-left:20px; color:#fff; line-height:42px;} 
.footer_link > div.footer_link_btn:before{content:"▲"; font-size:9px; position:absolute; right:20px; color:#000}
.footer_link > div.footer_link_btn ul{display:none; width:240px; position:absolute; left:0; bottom:42px;}
.footer_link > div.footer_link_btn ul li{width:100%; height:30px; box-sizing:border-box; padding-left:20px; background:#F4F2F0; font-size:14px; color:#404040; line-height:30px;border-bottom:1px solid #FFF}

div.top_btn{position:fixed; bottom:35px; left:50%; margin-left:630px;  width:50px; height:50px; line-height:18px; background:#666; text-align:center; color:#FFF; cursor:pointer; box-sizing:border-box; padding-top:5px !important}

/*SUB PAGE - LOCATION*/
.sub_location_wrap{width:100%; border-top:1px solid #c0c2c7;}
.sub_location_wrap .sub_visual {min-height:200px; border-bottom:0px solid #c0c2c7;}
.sub_location_wrap .sub_visual >  {text-align:center;}
.sub_location{width:1200px; height:40px; margin:0 auto; } /*line-height:40px;*/
.sub_location > .location{width:50%;}
.sub_location li{float:left; font-size:15px; font-weight:600; color:#4D4D4D;padding:0 15px 0 20px}
.sub_location > .location > ul.location_point{margin-top:10px;}
.sub_location > .location > ul.location_point > li:first-of-type{width:40px;  font-size:14px;padding:0;text-align:center}
.sub_location > .location > ul.location_link{float:right; margin-top:6px; padding-top:0px;}
.sub_location > .location > ul.location_link li a:link {margin-left:15px; font-size:20px;}
.sub_location > .location > ul.location_link li{padding:0px;}
.sub_location > .location > ul.location_link li.print{padding-right:20px;}
/* .sub_location > .location > dl {} */
.sub_location .location  dd  {margin-right:10px;}
.sub_location .location  dd  a{font-size:1.5em;}

.sub_page_wrap{width:1200px; margin:0 auto; /*overflow:hidden;*/ }
.sub_page_wrap > div.sub{float:left;}

/*SUB PAGE - SUB MENU*/
.sub_menu_wrap{width:225px; overflow:hidden; padding:0px 20px; box-sizing:border-box;}
.sub_menu_wrap > .sub_menu_top{width:185px; height:115px; line-height:135px; font-size:26px; color:#333; text-align:left;border-bottom:2px #333 solid;text-align:left;font-weight:500}
.sub_menu_wrap > .sub_menu_con li{width:185px;/* min-height:50px; line-height:50px; */ font-weight:500; color:#797979; border-bottom:1px #c3c3c3 solid;border-top:1px #e9e9e9 solid;padding:15px 0}
.sub_menu_wrap > .sub_menu_con li:first-child{border-top:0}
.sub_menu_wrap > .sub_menu_con li:last-child{border-bottom:0;}

.sub_menu_wrap > .sub_menu_con li > a{display:inline-block; width:100%;box-sizing:border-box; position:relative;color:#333; font-size:15px; padding:0  0 0 5px;}
.sub_menu_wrap > .sub_menu_con li.menu_on > a{color:#3a559f}

.sub_menu_wrap > .sub_menu_con li dl{margin:0;padding:0;line-height:16px;font-size:12px; background:#FFF; border-top:1px solid #CCC;}
.sub_menu_wrap > .sub_menu_con li dd{background:#FFF; height:40px; line-height:40px; border-bottom:1px dotted #d7d7d7; font-size:18px;}
.sub_menu_wrap > .sub_menu_con li dd > a{display:inline-block; width:100%; height:100%; box-sizing:border-box; padding-left:30px; font-size:24px; font-weight:400; }
.sub_menu_wrap > .sub_menu_con li dd > a:before{content:'· '}
.sub_menu_wrap > .sub_menu_con li dd.sub_menu_on > a{font-weight:600;}



/*SUB PAGE - WRAP*/
/*내부 타이틀*/

.sub_wrap{width:1200px; /*overflow:hidden; margin:0px 0 50px;min-height:500px*/position:relative;margin:0 auto}
.sub_wrap_right_box {width:100%;}
div.sub_header{
  width:100%; 
  letter-spacing:-1px; 
  padding-top:35px; /* margin-bottom:25px; line-height:140px;*/
  font-weight:300; 
  color:#333;
  position:relative; 
  padding-bottom:30px;
  font-size: 35px;
  text-align:center;}
/*타이틀 아래 줄*/
div.sub_header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 1px;
  background:gray;/*background: linear-gradient(to right, #ea002c, #ff7a00);*/}
div.sub_header > span.sub_head_con {font-size:18.5px; margin-left:20px;}
div.sub_header > h5 {font-size:16.5px; margin-top:20px;  letter-spacing:-1px; font-weight:500}

.sub_header img{
  height: 75px;
}

@media screen and (max-width:1199px) {
  .sub_header img{
    height: 40px;
  }

  .sub_header{
    font-size: 24px;
  }
}

.info_img {
  display:block;
}

.info_wide_img {
  display:none;
}

.strategy_img {
  text-align: center;
}

.strategy_img img{
  width: 100%;
}

@media screen and (min-width:1600px) {
  .info_img {
    display:none;
  }
  
  .info_wide_img {
    display:block;
  }

  .strategy_img img{
    max-width: 1300px;
  }
}

.sub_content_wrap{width:100%; /*overflow:hidden;*/position:relative} 

.style_title{font-size:28px; font-weight:600; color:#000; font-family: 'Noto Sans KR', sans-serif; margin:0 0 15px;}
.style_title:before{ content: ""; display: block; top: 0; left: 0; width:30px; height: 5px; background:#26964A; margin-bottom:5px;}
.sub_empty{height:50px;}
#bo_v_table {display:none !important}


#mb_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_cate ul {margin-bottom:10px;padding-left:1px;zoom:1}
#mb_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#mb_cate_ul li {float:left;margin-bottom:-1px;width:16.6%}
#mb_cate a {display:block;position:relative;margin-left:-1px;padding:10px 0;border:1px solid #545454;background:#FFF;color:#545454;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer; font-size:16px;}
#mb_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
#mb_cate .bo_cate_on {z-index:2;border:1px solid #545454;background:#545454;color:#FFF;font-weight:normal}

.mb_items dl {line-height:30px}
.history_wrap {overflow-y:hidden;}

/*Result*/

.result_head{width:100%; text-align:center; margin:60px 0;}
.result_head .result_title{color:#333; font-size:48px;}
.result_head .search_box{position:relative;max-width:460px;margin:40px auto 0; height:40px;border:1px solid #c6cbd2; padding-right:38px;}
.search_box input{width:100%; height:40px; color:#666;  font-size:1em; line-height:38px; background:#f2f2f2; border:0;padding-left:10px}
.search_box button{position:absolute; top:0; right:0; width:40px; height:40px; border:0; border-left:1px solid #C6CBD2; background:url('../img/sub/icon_result_serach.png') no-repeat center center; background-color:#FFF; cursor:pointer;}

.result_total{width:100%; text-align:center; font-size:26px; font-weight:500; margin:0 auto 60px;}
.result_total span.total_point{color:#3a559f}

.result_tab{width:100%; overflow:hidden;}
.result_tab_title{width:100%; height:41px; border-bottom:1px solid #C6CBD2;}
.result_tab_title li{float:left; text-align:center; font-size:16px; font-weight:500; width:20%; height:40px; line-height:40px; background:#FFF; border:1px solid #C6CBD2; border-left:0; cursor:pointer;}
.result_tab_title li.re_t{border-left:1px solid #C6CBD2;}
.result_tab_title li.re_active{background:#3a559f; color:#FFF; }

.result_box{width:100%; overflow:hidden; margin:40px auto 0;}
.result_search_title{width:100%; height:45px; line-height:45px; border-bottom:1px solid #C6CBD2; font-size:22px; font-weight:500; padding-left:15px; box-sizing:border-box;}
.result_search_title span{color:#3a559f}
.search_list{margin:20px 0 50px;}
.search_list .result_elm{margin:10px 0; padding:20px 0; border:1px solid #C6CBD2; cursor:pointer; overflow:hidden;}

 .search_list .grad_summary:hover{background:#f9f9f9;
	-ms-transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}

.search_list li > div{float:left; padding-left:20px;}
.search_list li > div.result_con{padding-right:20px;max-width:69%}
.search_list li > div.result_con_t{padding-right:20px;max-width:100%}

 .search_list .result_elm:hover{background:#f9f9f9;
	-ms-transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;
}

.result_more{width:100%; overflow:hidden; margin:10px auto -30px; text-align:right;}
.result_more button{width:110px; height:40px; line-height:40px; border:1px solid #3A559F; color:#fff; background:#3A559F; font-size:16px; }
.result_more button:hover{background:#fff; color:#3A559F;
	-ms-transition-duration:0.3s; 
	-moz-transition-duration:0.3s; 
	-o-transition-duration:0.3s; 
	-webkit-transition-duration:0.3s;
	transition-duration:0.3s;
}

.result_num_box{width:100%; height:30px; line-height:30px; margin:30px auto}
.result_num_box ul{width:210px; margin:0 auto; overflow:hidden;}
.result_num_box li{float:left; width:25px; height:25px; line-height:25px; text-align:center; margin-left:3px;border:1px solid #C6CBD2; cursor:pointer;}
.result_num_box li.num_on{background:#26964A; color:#FFF;}
.result_num_box li:hover{background:#F3F3F3; color:#333;
	-ms-transition-duration:0.5s; 
	-moz-transition-duration:0.5s; 
	-o-transition-duration:0.5s; 
	-webkit-transition-duration:0.5s;
	transition-duration:0.5s;

}
.inline {display:inline-block !important}

.b_top {border-top:1px #cccccc solid}
.m_left_30 {margin-left:93px}
.m_top_20 {margin-top:20px}

.wraps {width:1200px;margin:0 auto;}
.top_head_wrap{width:100%; overflow:hidden; border-bottom:1px solid #DBDDDB;}
.inner_wrap {width:100%;margin:0 auto; border-top:1px solid #ccc;padding-bottom: 70px;}
.inner_wrap_main {width:1200px;margin:0 auto}
.inner_wrap2 {width:1200px;margin:0 auto}

.tail_bg {background:rgb(238,241,246);width:100%; }
.site_info {padding-top:33px; color:#fff}
.site_info dl dd{margin:0px 0 5px; font-size:13px;}

.bottom_qmenu {border-top:1px #ccc solid; background:#ccc;}
.bottom_qmenu ul {height:60px}
.bottom_qmenu li {float:left;line-height:60px;margin-right:20px;color:#333}
.bottom_qmenu li:after{content:"·";float:right;margin-left:20px;color:#000}
.bottom_qmenu li:last-child:after{content:"";float:right}
.bottom_qmenu ul:after{content:" ";position:relative;display:inherit;clear:both}

/*타이틀과 하단 간격*/
.contentsBox {border-top:0;padding:70px 0 50px}
.contentsBox + .menu_title5{margin-top:0;}
.tech_contentsBox {border-top:0;padding:85px 0 50px}
.tech_contentsBox + .menu_title5{margin-top:0;}

.contents_title{font-size:22px; color:#000; font-family: 'Noto Sans KR', sans-serif;text-align: center;padding-top:30px}

.socialbox {margin-top:50px;right:0;top:0;position:absolute;line-height:0;}
.socialbox dd{float:right;/*margin-left:5px*/}
/* .socialbox dd:last-child:after{clear:both;content:"　";}
 */
.bottom_btn {position:fixed;bottom:274px; left:50%; margin:0 0 0 580px;display:none}


.full_menu{padding-top:40px}
.site_map {color:#fff;font-size:43px}
.full_menu_box .b_menu {font-size:23px;margin:30px 0 0}
.full_menu_box .bottom_menu_sub {padding-top:10px}
.full_menu_box .bottom_menu_sub dd{font-size:17px;margin:0px 0px 5px 0px;}
.full_menu_box {top:0;background-size:cover;width:100%;height:0;overflow:auto;position:absolute;z-index:10002;overflow:hidden;}
.full_menu_wrap {width:1200px;margin:0 auto}
.full_menu ul{width:1200px;}
.full_menu li{width:16.66%;float:left;}
.full_menu li a{color:#fff; position:relative; height:100%;}
.bottom_menu_sub .full_mn_on a:before {content:""; background:url(../img/src/menu_on.png) no-repeat center left; background-size:7.5px; width:100%; height:100%; display:inline-block; position:absolute; left:-12px;}
.full_menu_wrap li {color:#999} 
.full_menu li dl a:hover:before {content:""; background:url(../img/src/menu_on.png) no-repeat center left; background-size:7.5px; width:100%; height:100%; display:inline-block; position:absolute; left:-12px;}

.box_full {height:auto !important}
.btn_x {right:50%;margin-right:-550px;position:absolute;margin-top:-20px;}
.full_btn {cursor:pointer}


/* .lab_title {font-size:2em;font-weight:bold} */
/*sub_menu 마우스 올리면 나오는 메뉴*/

.full_wrap_box_sub {background:rgba(249,250,250,1); background-position:50% 50%;background-size:cover;width:100%;position:absolute;z-index:10002;top:100px;left:0;display:none; border:1px solid #e5e5e5;}
/* .full_menu_box_sub {margin-left:132px; padding-top:0px; height:200px; font-size:16px;}
.full_menu_box_sub li{float:left;line-height:30px; padding-top:10px; padding-left:20px; } */
.full_menu_box_sub {
    width:1200px;
    margin:0 auto; /* 가운데 정렬 */
    padding-top:0px;
    height:200px;
    font-size:16px;
    padding-left:225px;
}
.full_menu_box_sub li {
    float:left;
    line-height:30px;
    padding-top:10px;
    padding-left:15px;
}
.full_menu_box_sub li {
    width:25%; /* 예시: 4개의 메뉴가 있을 경우 */
}
.full_menu_box_sub li:nth-child(1){width:190px;}
.full_menu_box_sub li:nth-child(2){width:202px;}
.full_menu_box_sub li:nth-child(3){width:190px;}
.full_menu_box_sub li:nth-child(4){width:168px;}
.full_menu_box_sub li:nth-child(1) dd{margin-left:42px;}
.full_menu_box_sub li:nth-child(3) dd{margin-left:45px;}
.full_menu_box_sub li:nth-child(4) dd{margin-left:35px;}
.full_menu_box_sub li a {color:#000;font-size:0.85em; position:relative; display:inline-block; height:100%;}
.full_menu_box_sub li a:hover:before {content:""; background:url(../img/src/menu_on.png) no-repeat center left; background-size:7.5px; width:100%; height:20px; display:inline-block; position:absolute; left:-12px;}
.full_menu_box_sub li .bottom_menu_sub {margin-left:0; padding-left:0;}
.full_menu_box_sub li .full_mn_on a:before {content:""; background:url(../img/src/menu_on.png) no-repeat center left; background-size:7.5px; width:100%; height:20px; display:inline-block; position:absolute; left:-12px;}



.table_title,.menu_title3 {margin-bottom:20px; font-size:20px; color:#31343f; letter-spacing:-1px; line-height:1;}

.box_wrap dl{margin-bottom:60px;margin-top:10px;margin-left:20px}
.box_wrap dt{padding-left:13px; margin:5px 0 3px; font-weight:400; /*color:#3A559F;*/ color:#333; line-height:25px; text-align:left; font-size:17px; background:url(../img/src/h5_dot_2.png) no-repeat 0 9px;}
.box_wrap dd{padding-left:8px; line-height:24px; color:#666;margin-left:10px}

.box_wrap dl span.table_caption {line-height:30px}

.bars dd,.bars li{padding-left:8px; line-height:24px; color:#4d4d4d; background:url(/img/p_bar.gif) no-repeat 0 11px;}
.dots dd:before,.dots li:before{content:"·";}


.page_table {width:100%; margin:20px 0 40px;  border-collapse:collapse; border-top:2px solid #67585b; border-bottom:1px solid #e5e6e6;}

.page_table caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}

.page_table thead th{color:#6c6e6f; background:#f7f7f7; padding:10px 16px 13px 20px; font-weight:700; border:1px solid #e5e6e7; border-width:0px 0px 0px 1px}
.page_table thead th:nth-of-type(1){border-width:0px;}
.page_table thead td{color:#6c6e6f; background:#f7f7f7; padding:10px 16px 13px 20px; font-weight:700; border:1px solid #e5e6e7; border-width:0px 0px 0px 1px; text-align:center;}
.page_table thead td.con{text-align:left;padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 1px; }

.page_table tbody th{text-align:center;padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 0px; font-weight:normal;}
.page_table tbody th.left{text-align:left;}
.page_table tbody th.bold{font-weight:bold;}
.page_table tbody th.bg{background:#f7f7f7; color:#6c6e6f;}
.page_table tbody td{padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 1px;}
.page_table tbody td p.p_bar{line-height:160%; margin-bottom:4px; padding-left:8px; background:url(/img/p_bar.gif) 2px 10px no-repeat; color:#515252;}


.table_04 tbody th{text-align:left;padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 0px; font-weight:normal;}
.table_04 tbody th.left{text-align:left;}
.table_04 tbody th.bold{font-weight:bold;}
.table_04 tbody th.bg{background:#f7f7f7; color:#6c6e6f;}
.table_04 tbody td{padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 1px;}
.table_04 tbody td p.p_bar{line-height:160%; margin-bottom:4px; padding-left:8px; background:url(img/p_bar.gif) 2px 10px no-repeat; color:#515252;}
.table_04 dt,.maps dt {font-weight:bold}
.table_04 dl,.maps dl{padding:10px 0} 
.table_04 dd {padding-left:8px; line-height:24px; color:#4d4d4d; background:url(/img/p_bar.gif) no-repeat 0 11px;} 

.list_table_ty1 {width:100%; margin:10px 0 40px;  border-collapse:collapse; border-top:2px solid #67585b; border-bottom:1px solid #e5e6e6;}

.list_table_ty1 thead th{color:#6c6e6f; background:#f7f7f7; padding:10px 16px 13px 20px; font-weight:700; border:1px solid #e5e6e7; border-width:0px 0px 0px 1px;}
.list_table_ty1 thead th:nth-of-type(1){border-width:0px;}
.list_table_ty1 thead td{color:#6c6e6f; background:#f7f7f7; padding:10px 16px 13px 20px; font-weight:700; border:1px solid #e5e6e7; border-width:0px 0px 0px 1px; text-align:center;}
.list_table_ty1 thead td.con{text-align:left;padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 1px; }

.list_table_ty1 tbody th{text-align:center;padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 0px; font-weight:normal;font-weight:bold;font-size:1.2em}
.list_table_ty1 tbody th.left{text-align:left;}
.list_table_ty1 tbody th.bold{font-weight:bold;}
.list_table_ty1 tbody th.bg{background:#f7f7f7; color:#6c6e6f;}
.list_table_ty1 tbody td{padding:10px 10px 13px 10px; vertical-align:middle; color:#4d4d4d; border:1px solid #e5e6e7; border-width:1px 0 0 1px;}
.list_table_ty1 tbody td p.p_bar{line-height:160%; margin-bottom:4px; padding-left:8px; background:url(/img/p_bar.gif) 2px 10px no-repeat; color:#515252;}
.list_table_ty1 caption {display:none}

.table_caption {display:block; font-size:16px; color:#31343f; letter-spacing:-1px; line-height:1;}

.maps dt {font-size:18px;line-height:30px}
.maps dt:before {content:url("/img/title_dott.png");padding-right:5px;padding-bottom:10px}
.menu_title3:before {content:url("/img/title_dott.png");padding-right:5px;padding-bottom:10px}
.maps dd {line-height:24px}
.maps .map_title {font-size:18px;line-height:30px;margin-left:5px;font-weight:bold;color:#000}
.maps .dot:before {content:"·";margin-left:-9px;position:absolute}
/*.maps li {margin-left:20px}*/
.menu_01_title {font-weight:bold;font-size:18px}
.donor_body {margin:20px 0;}



.maps .map_title:before {content:url("/img/title_dott.png");padding-right:5px;padding-bottom:10px}
.map_head {text-align:center;float:left;width:20%;padding:10px 0;border-top:2px #3a559f solid;margin-top:-1px;color:#3a559f;font-weight:500; font-size:16px;}
.map_method {float:left;width:80%;border-top:1px #ccc solid;}
.map_method dd {padding-left:20px;color:#666;margin:20px 0}
.map_method:after {clear:both;content:"　";display:block}

.map_sub_head {width:15%}
.map_sub_cont {width:85%}

/* 이지원 2017-01-10 */

.grt_head {width:100%;height:210px;background:url('/img/src/grt1.png') no-repeat;background-position:100% 100%;border-bottom:3px #000 solid}
.grt_title {font-size:26px;padding-top:90px;line-height:32px; font-weight:500;}
.grt_color1 {color:#c36363}
.grt_color2 {color:#6489c6}
.grt_body {color:#333;font-size:14px;font-weight:400;line-height:180%}

.orga_map {text-align:center;position:relative}
#mb_table {padding-top:50px}
.orga_title {font-size:22px;font-weight:bold;padding-left:10px}
.orga_title:before {content:url("/img/title_dott.png");margin-left:-20px;padding-right:5px;padding-bottom:10px}
.orga_detail {color:#999}
.orga_detail:before {content:"|";padding-right:5px;padding-bottom:10px}
.orga_element {width:210px;height:70px;text-align:center;position:relative}
.elem1 {background:url("/img/org_back1.png") no-repeat;margin:0 auto}
.elem1:after {border-left:1px #dadada solid;content:"　";position:relative;left:0;position: relative;left: 104px;top: 20px;height: 50px;display: block;}
.elem2 {background:url("/img/org_back2.png") no-repeat;margin:0 auto;margin-top:50px;}
.elem2:after {border-left:1px #dadada solid;content:"　";position:relative;left:0;position: relative;left: 104px;top: 7px;height: 30px;display: block;}
.elem2:before {border:1px #dadada solid;content:"　";position: absolute;left: 0%;top: 100%;margin:30px 0 0 -305px;display: block;width:815px;height:120px}
.orga_wrap1:after{border-left:1px #dadada solid;content:"　";position:relative;position: relative;left: 50%;top: 152px;height: 30px;display: block;}
.orga_wrap2:before{border-left:1px #dadada solid;content:"　";position:relative;position: relative;left: 50%;top:-50px;height: 30px;display: block;}
.orga_wrap2:after{border-top:1px #dadada solid;content:"　";position:relative;position: relative;left: 17%;top:-50px;height: 30px;display: block;width:66%}
.orga_wrap2 {margin-top:50px}
.orga_wrap2 li .elem4:after{border-left:1px #dadada solid;content:"　";position:relative;position: relative;left: 102px;top:-90px;height: 30px;display: block;}
.orga_wrap2 li .elem4 {margin-top:-21px}
.elem3 {border:5px #469e9d solid;margin:0 auto}
.elem4 {border:1px #dadada solid;background:#f5f5f5;width:198px;height:66px;margin:0 auto}

.over_cked {display:none;}
.elem1 .over_cked {width:210px;height:70px;background:url('/img/src/ckd_icon1.png') no-repeat 98% 4px;position:absolute;top:0;display:block}
.elem2 .over_cked {width:210px;height:70px;background:url('/img/src/ckd_icon1.png') no-repeat 98% 4px;position:absolute;top:0}
.elem3 .over_cked {width:210px;height:70px;background:url('/img/src/ckd_icon2.png') no-repeat 98% 4px;position:absolute;top:0}
.elem4 .over_cked {width:210px;height:70px;background:url('/img/src/ckd_icon2.png') no-repeat 91% 3px;position:absolute;top:0}


.orga_wrap1 li{width:33.3%;margin-top:50px}
.orga_wrap2 li{width:33.1%;}
.orga_element dt {font-size:22px;font-weight:bold;color:#fff;padding-top:10px}
.elem1 dt {padding-top:17px}
.orga_element dd {color:#fff;}
.elem3 dt{color:#4e4e4e;font-size:16px;padding-top:0;text-decoration:none;background:0;margin-top:5px;height:40px;line-height:20px;word-spacing:5px;padding:0 10px}
.elem3 dd{color:#999999;font-size:14px;}
.elem4 dt{color:#333333;font-size:20px;padding-top:0;text-decoration:none;background:0;margin-top:10px;height:30px;line-height:20px;word-spacing:5px;padding:0 10px}
.elem4 dd{color:#999999;font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:95%; margin:0 auto;}
.orga_wrap li{float:left}
.clear {clear:both}

#mb_tables {padding-top:80px}
#mb_tables .mb_details {display:none;}
#mb_tables table{border-top:2px #000 solid ;width:100%;margin-top:20px}
#mb_tables th,td {border:0;padding:0;margin:0}
#mb_tables th {text-align:center;background:#f5f5f5;width:30%;height:50px;vertical-align:middle;border-bottom:1px #ddd solid}
#mb_tables td {padding:0 20px;border-bottom:1px #ddd solid;width:70%}
.mb_detail_tb {width:100%}
.orgabox {min-height:1000px}
.introbox {color:#666666;font-weight:normal}

.sub_menu_con {padding-bottom:50px}

.cours_list dl {padding:30px 0;border-bottom:1px #ddd solid}
.cours_list dl:last-child {border-bottom:0}
.cours_list dt {font-weight:bold;font-size:1.1em}

span.links_tables {border:0 !important}
table.menu_table6 {margin-top:0;}

.labs_title {font-size:18px;font-weight:bold;padding-left:10px}
.labs_title:before {content:url("/img/title_dott.png");margin-left:-25px;padding-right:5px;padding-bottom:10px}
.lab_title {float:left;width:25%;text-align:center;height:40px;font-size:14px;font-weight:500;cursor:pointer}
.lab_t{height:50px; width:33.3%;}
.lab_kt{height:50px; width:33.3%;}

.lab_t.lab_on  div{line-height:50px;color: #3a559f; }
.lab_t:first-of-type div{line-height:normal; padding-top:5px; box-sizing:border-box; height:52px;}
.lab_t.lab_on:first-of-type div{padding-top:5px; height:52px; border-left:1px solid #ddd}
.lab_title div{height:100%;line-height:40px;border-left:0; color:#333; background-color:#FFF; border:1px solid #ddd; border-left:0; /*border-bottom:2px solid #3A559F ; color:#FFF; background:url('../img/src/tab_bar.gif') no-repeat left bottom;background-color:#3a559f*/}
.lab_t div{line-height:50px;}
.lab_kt div{line-height:50px;}
.lab_kt.lab_on  div{line-height:50px;color: #3a559f; }

.lab_title:nth-child(1) div{border-left:#ddd 1px solid}
.lab_on div{height:100%; line-height:40px; background:#f1f1f1; color:#333; border-width:1px 1px 1px 1px}
.mb_cont_labs {width:50%;float:left;line-height: 30px;}
.mb_cont_labs dl {margin:5px;/* height:125px; */border:1px #ddd solid;padding:30px}
.mb_cont_labs .mb_name {position:relative;/* border-bottom:2px dotted #dfdfdf;padding-bottom:10px; */border-bottom:0;margin-bottom:0;padding-bottom:0; margin-top:0;}
.mb_cont_labs li ul.ul_st_01{margin-left:0}
.obj_img{width:100%; overflow:hidden; margin-top:35px;}
.obj_img li{width:33.3%;float:left}
.obj_img li img{margin:0 auto;margin-bottom:20px}
.obj_img li div{padding:0 25px; font-size:13px; height:158px;}
.obj_img li:nth-child(2) div{border-left:1px #ddd solid;border-right:1px #ddd solid}
/*.obj_img li:last-child div{border-right:0}*/

.obj_img2 {width:100%; overflow:hiddd3n; margin-top:35px;}
.obj_img2 li{width:25%;float:left;height:100%;}
.obj_img2 li img{margin:0 auto;margin-bottom:20px}
.obj_img2 li div{padding:0 15px; font-size:13px; height:255px}
.obj_img2 li:nth-child(2) div{border-left:1px #ddd solid;border-right:1px #ddd solid}
.obj_img2 li:last-child div{border-right:0;border-left:1px #ddd solid;}


.lab_box {display:none;width:100%;margin:0 auto}
.labs_title {margin-top:50px;margin-bottom:20px}
.img_title {width:100%;height:300px;margin-top:50px;}
.img_title0 {background:url("/img/labs/bg_research_01.jpg") no-repeat;background-position:50% 50%; background-size:cover;color:#fff;font-size:24px;font-weight:bold}
.img_title1 {background:url("/img/labs/bg_research_02.jpg") no-repeat;background-position:50% 50%; background-size:cover;color:#fff;font-size:24px;font-weight:bold}
.img_title2 {background:url("/img/labs/bg_research_03.jpg") no-repeat;background-position:50% 50%; background-size:cover;color:#fff;font-size:24px;font-weight:bold}
.img_title .title_wrap {padding-top:200px;margin-left:20px;width:300px}
.mb_cont_labs .mb_name .lab_mail_ic {position:absolute;left:100%;top:0;margin-left:-20px}
.mb_cont_labs .mb_name .lab_home_ic {position:absolute;left:100%;top:0;margin-left:-45px}
.labs_disc {width:100%;margin-top:20px;text-align:justify;font-weight:normal}

.more_view {width:115px;margin:0 auto;border:1px #ddd solid;background:url("/img/src/go_detail.png") no-repeat;background-position:90% 50%;padding:10px 34px 10px 20px; margin-top:15px}




.grad_summary{width:100%; overflow:hidden; float:left; box-sizing:border-box; padding:25px; margin:0 0px 10px; border:1px solid #ececec; cursor:default;}
.grad_summary > div.title_04{border:0; margin:0; padding:0}
.grad_summary:nth-of-type(2n){margin-right:0;}
.grad_summary ul{width:100%;}
.grad_summary li{float:left; overflow:hidden;}
.grad_summary li:first-of-type{width:15%}
.grad_summary li:first-of-type img{border:1px solid #dfdfdf}
.grad_summary li:last-of-type{width:85%; overflow:hidden; padding-left:25px; box-sizing:border-box; }
dl.dl_grad_summary dt{font-size:22px; font-weight:bold; margin:0 0 10px; border-bottom:2px dotted #ddd; padding:10px 0;}
dl.dl_grad_summary dt span{font-size:14px; color:#333; font-weight:normal;}
dl.dl_grad_summary dd{margin-bottom:8px; font-weight:norma;;font-size:15px; line-height:30px; color:#333; }
dl.dl_grad_summary dd span{display:inline-block; width:110px; color:#999; font-weight:normal; }

.major_sub_title{color:#333; font-size:20px; font-weight:500;margin-top:40px; padding-top:40px; border-top:1px solid #F5F5F5}
.major_sub_title:after{content:''; display:block; width:15px; height:1px;  background:#3a559f;  margin:15px 0;}
.major_sub_title span{color:#666; font-size:12px;  display:block;  font-weight:500; }
button.search_result_more{width:180px;}

/*게시판 - 컨텐츠 이전.다음글 */
.bo_list_prev li{width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.bo_list{padding-top:70px; width:100%;}

.tbl_excpt tr td.mini{font-size:10px;vertical-align:middle;padding:0 5px}
.tbl_excpt tr td.alCent {text-align:left}

.contentsBox2 {border-top:0;padding:33px 0 0px}
.contentsBox2 img{max-width:100%}



.mgt_10 {margin-top:10px}
.mgb_10 {margin-bottom:10px}


.mail_wrap {width:1000px;background:url("/img/mail_form_bg.jpg") no-repeat; background-size:cover}
.mail_body {padding:30px}
.form_title {text-align:center;font-size:24px;padding:30px 0 60px;font-weight:500}
.mail_point {color:#0079a8}
.mail_content {border-top:1px #ddd solid;padding:20px 0;}
.mail_sub {font-size:20px;color:#000;font-weight:700;margin-bottom:30px}
.mail_tail {border-top:1px #ddd solid;padding-top:30px}

.mail_tail_left {float:left;}
.mail_tail_right {float:right;width:710px;color:#999;line-height: 100%;}
.mail_tail_clear {clear:both}


.slt {position:relative;margin-bottom:20px;padding-bottom:10px;width:300px;height:auto;  padding-top:40px; padding-bottom:20px;}
.slt dl {width:300px;}
.slt dl dt {font-size:21px}
.slt dl dd {font-family:'roboto', sans-serif; font-size:12px; font-weight:bold; margin-bottom:20px;}
.slt dl dt a{font-size:21px; font-weight:600; letter-spacing:-1px;}
.slt p {font-size:12px; margin-top:30px; line-height:180%;}
.slt p.plus {font-size:48px !important; font-weight:100; margin-top:10px;}


.sltp {position:relative;margin-bottom:20px;padding-bottom:10px;width:300px;height:auto;  padding-top:0px; padding-bottom:20px;}
.sltp dl {width:300px;}
.sltp dl dt {font-size:21px}
.sltp dl dd {font-family:'roboto', sans-serif; font-size:12px; font-weight:bold; margin-bottom:20px;}
.sltp dl dt a{font-size:21px; font-weight:600; letter-spacing:-1px;}
.sltp p {font-size:12px; margin-top:30px; line-height:180%;}
.sltp p.plus {font-size:48px !important; font-weight:100; margin-top:10px;}



.recent_c_box {width:360px; margin-right:50px; padding:40px 0px 20px 0px;  display:block;} 
.recent_c_box:last-child {width:360px; margin-right:0px; padding:40px 0px 20px 0px;  display:block;} 
.recent_c_box h2{font-size:16px;}
.recent_c_box .recent_last {width:100%; display:block;  margin-left:0px;}
.recent_c_box .recent_last .latest_tit_c{font-size:13px; font-weight:500; width:280px; float:left; overflow:hidden; text-overflow: ellipsis;   white-space: nowrap;}
.recent_c_box .recent_last .lastest_date{font-size:10px; width:70px; font-weight:400; color:#ccc; float:right}
.slt li:nth-child(1) .latest_date_r {background:#176298}
.slt li:nth-child(2) .latest_date_r {background:#67abd7}
.slt li:nth-child(3) .latest_date_r {background:#469e9d}
.slt li:nth-child(4) .latest_date_r {background:#8fa3dd}
.latest_cont {font-weight:bold;font-size:15px;line-height:24px;margin-top:10px}
#visual_warp {position:relative;  width:100%; display:inline-block; z-index:1;}
#visual_warp .silde_main_half {width:50%; background:rgba(19,54,104,0.8);  position:absolute; left:0px; top:0px;  z-index:99 !important; display:inline-block;}
#visual_warp .slide_banner {width:1200px; position:relative; padding:20px 0px 10px 0px; background-color:#ffffff; text-align:center; border-radius:15px; z-index:100; height:100px; display:inline-block; }
#visual_warp .slide_banner li {float:left; width:24.9%; text-align:center; border-right:1px solid #e5e5e5;}
#visual_warp .slide_banner li:last-child {float:left; width:24.9%; text-align:center; border-right:0px solid #e5e5e5;}
.t500 {
top: -155px;
    left: 0px;
    width: 1200px;
    position: relative;
}
@media screen and (max-width:1099px) {
	.latest_date_r{width:8%;}
	.latest_tit_c{width:85%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
}
.bar {
    width: 40px;
    height: 1px;
    background: #FFF;
    margin: 20px auto;
}

.bar_list {
  width: 90px;
  height: 2px;
  background: #012e6b;
  margin: 3px 0px 10px;
}

.bar_m {width: 20px; height: 1px; background:#000; margin:20px 0px 10px 0px;}
.bar_w {width: 20px; height: 1px; background:#f9fafa; margin:20px 0px 10px 0px;}

.bar_news {width: 30px; height: 1px; background:#000; margin:20px 0px 10px 0px;left: 50%;position: absolute;}

.sub_location_wrap .sub_visual > .wraps > h3{
	padding-top:2em;
    font-size: 40px;
	text-align:center;
    color: #FFF;
    display: block;
}
.sub_location_wrap .sub_visual .wraps h4{
	text-align:center;
    color: #FFF;
    line-height: 23px;
    font-size: 15px;
    letter-spacing: 0;
}

.tabs {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px;
}
#tab-button {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#tab-button li {
  display: table-cell;
  width: 20%;
}
#tab-button li a {
  display: block;
  padding: 1em;
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  color: #000;
  text-decoration: none;

}
#tab-button li:not(:first-child) a {
  border-left: none;
}
#tab-button li a:hover,
#tab-button .is-active a {
  border-bottom-color: transparent;
  background: #D2E0EE;
  /* color:#fff */
}
.tab-contents {
  padding:0em;
  margin-top:30px;
}

.tab-contents {
  margin-top: 20px;
}
@media screen and (min-width: 1199px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
  }
  .tab-button-outer ul li a {
    font-size: 14px;
  }
  .tab-select-outer {
    display: none;
  }
  .tab-contents {
    position: relative;
    top: -1px;
    margin-top: 30;
  }
}

@media screen and (max-width: 1190px) {
  .tab-button-outer ul li a {
    font-size: 10px;
  }
}


 .modal {
      display: none; /* Hidden by default */
      position: fixed; /* Stay in place */
      z-index: 999; /* Sit on top */
      left: 0;
      top: 0;
      width: 100%; /* Full width */
      height: 100%; /* Full height */
      overflow: auto; /* Enable scroll if needed */
      background: rgb(0,0,0); /* Fallback color */
      background: rgba(0,0,0,0.5); /* Black w/ opacity */
  }

  /* Modal Content/Box */
  .modal-content {
      background: #fefefe;
      margin: 15% auto; /* 15% from the top and centered */
      padding: 20px;
      border: 1px solid #888;
      width: 50%; /* Could be more or less, depending on screen size */                          
  }

  .modalBox {
    position: relative;
    text-align: center;
    top : 15%;
    left : 50%;
    position : sticky;
}

  /* The Close Button */
  .close {
      color: #aaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
  }
  .close:hover,
  .close:focus {
      color: black;
      text-decoration: none;
      cursor: pointer;
  }



.main_visual {position:relative; max-height:655px; overflow:hidden;}
.product_content_box {background:#fffffc; width:1200px; margin-top:40px; border-bottom:1px solid #e5e5e5; padding-bottom:20px;}
.product_content_box h6 {color:#1c85d0; font-size:24px; text-align:center;}
.product_content_box .product_content {width:1200px; margin:0 auto; padding-bottom:20px; }
.product_content_box .product_content p {font-size:18px; margin-top:20px; letter-spacing:-1px;  text-align:center; margin-bottom:20px; font-weight:600}
.product_content_box .product_content p.con {font-size:14px; width:60%; margin:0 auto; text-align:justify; font-weight:400; letter-spacing:-1px; line-height:180%;  text-align:center; }
.mapaddress {padding:5px; font-size:1em; margin-top:20px;}
.mapaddress .address{margin-bottom:10px; }
.mapaddress > p {margin-bottom:10px;}
.mapaddress > p > span{width:100px; font-weight:600}
.mapaddress .tel {font-size:1em;}


.no_img {background:#fbfbfb; height:600px; width:1200px; text-align:center;}
.noimgcon {padding-top:120px;}
.mt-30{margin-top:30px}



/*quickmenu	*/
.quick_bottom_top{margin-top: 50px; margin-top: 30px; right: 6px; position: absolute; width: 23px;}

.quickmenu {	
	position:fixed; text-align:right; top:50%;	right:36px; z-index:9;margin-top:-22px;
	-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;		
}
.quickmenu.on { margin-top:0px; }
.quickmenu .quickWrap	{
	position:relative;width:190px; height:0px; overflow:hidden;
	-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;		
}
.quickmenu.on .quickWrap { height:270px; }
.quickmenu ul { 
	position:absolute; bottom:0; height:0;
	-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;			
}
.quickmenu.on ul { height:248px; }

.quickmenu li { position:relative;width:152px; margin-top:7px; }
.quickmenu li:first-child { margin-top:0; } /* 퀵메뉴 위치*/
.quickmenu li p	{ 
  text-align:left; 
  color:whitesmoke; 
  font-size:14px; 
  background:rgba(97,108,126,0.6);
  height:43px; 
  line-height:42px; 
  width:calc(100% - 22px); 
  padding-left:26px; 
  border-radius:22px 0 0 22px; 
}
.quickmenu li a:hover p	{ background: rgba(36,139,196,0.8); }
.quickmenu li:first-child p	{ background:rgba(244,198,0,0.6) !important; }

.quickmenu li span { 
  position:absolute; 
  top:0; 
  right:0; 
  /* border:2px solid #dcdcdc;  */
  
  /* border-radius:50%;  동그랗게*/
  padding-top:3px;
  padding-right:6px;
  overflow:hidden; 
  width:41px; 
  height:41px; 
}
.quickmenu li a:hover span { border-color:#bfeae0; }
.quickmenu li:first-child a span { border-color:rgba(244,198,0,0.6) !important; }
.quickmenu li span img { width:100%; }
.quickmenu > p	{ 
  display:inline-block; 
  text-align:center; 
  border-radius:50%; 
  background:#dcdcdc; 
  width:43px; 
  height:43px; 
  cursor:pointer; 
  margin-top:8px; }
.quickmenu > p img { 
	width:22px; margin-top:11px;
	-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;		
}
/* .quickmenu.on > p img { transform: rotate(45deg); } */



/*카드형 리스트 css*/
.card_wrap {
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
  grid-auto-rows: auto;
  gap: 50px;
  /* background: whitesmoke; */
  /* font-family: sans-serif; */
  /* padding-top: 100px; */
}

.card_wrap {
  box-sizing: border-box;
}

.card:hover {
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15); 
  -webikt-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}

.card_img {
  
  height: 202px;
  display: block;
  /* background: whitesmoke; */
  border-top: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  border-left: 1px solid whitesmoke;
}

.card_img_style {
  width: 100%;
  height: 202px;
  object-fit: cover;
  object-position: top;
  display: block;
}

.card_content {
  line-height: 1.5;
  font-size: 15px;
  padding: 30px;
  height:160px;
  /* background: whitesmoke; */
  border-right: 1px solid whitesmoke;
  border-left: 1px solid whitesmoke;
}

.card_content h3 {
  height: 55px;
  margin-bottom: 20px;
  padding-bottom: 0px;
  border-bottom: 0px;
  font-size: 20px;
  font-weight: 500;
  /* line-height: 1.2em; */
  line-height: 135%;
  overflow: hidden;
  display: -webkit-box;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* white-space: nowrap; */
}

.card_content p {
  height: 110px;
  margin-bottom: 20px;
  padding-bottom: 0px;
  border-bottom: 0px;
  font-size: 15px;
  color: #888;
  /* font-weight: 500; */
  /* line-height: 1.2em; */
  overflow: hidden;
  display: -webkit-box;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  /* white-space: nowrap; */
}

.card_content > p:first-of-type {
  margin-top: 0;
}

.card_content > p:last-of-type {
  margin-bottom: 0;
}

.card_info {
  padding: 15px;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #888;
  font-size: 15px;
  border-bottom: 1px solid whitesmoke;
  border-right: 1px solid whitesmoke;
  border-left: 1px solid whitesmoke;
}

/*카드형 리스트 css*/
.mainnews_wrap {
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-auto-rows: auto;
  gap: 50px;
  box-sizing: border-box;
  
  /* background: whitesmoke; */
  /* font-family: sans-serif; */
  /* padding-top: 100px; */
}

.mainnews_tit {
  font-size: 20px;
  text-align: left;
  font-weight: 600;
  position: relative;
}

.mainnews:hover {
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15); 
  -webikt-box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15);
}

.mainnews_img {
  height: 250px;
  display: block;
  /* background: whitesmoke; */
  border-top: 0px solid whitesmoke;
  border-right: 0px solid whitesmoke;
  border-left: 0px solid whitesmoke;
  overflow: hidden;
}

.mainnews:hover .mainnews_img > img {transform: scale(1.1);}

.mainnews_img_style {
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: top;
  display: block;
  transform: scale(1);
  transition: all 0.3s ease-in-out;
}

.mainnews_content {
  line-height: 1.5;
  font-size: 15px;
  padding: 30px;
  height:55px;
  /* background: whitesmoke; */
  border-right: 0px solid whitesmoke;
  border-left: 0px solid whitesmoke;
}

.mainnews_content h3 {
  height: 55px;
  margin-bottom: 20px;
  padding-bottom: 0px;
  border-bottom: 0px;
  font-size: 20px;
  font-weight: 500;
  /* line-height: 1.2em; */
  line-height: 135%;
  overflow: hidden;
  display: -webkit-box;
  overflow-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* white-space: nowrap; */
}

/*제품 css*/
.product_content .section {
	/* margin-top: 120px; */
  padding-top:70px;
}

.product_content .top_section {
	/* margin-top: 120px; */
  /* padding-top:70px; */
  margin-top: 0;
  padding-top: 10px;
}

.product_content .inner_list {
	margin-bottom: 120px;
  padding: 0px;
  margin-block-start: 0;
}

.product_content .inner_list:last-child { margin-bottom: 0; }

.product_content .inner_list li {
	font-size: 0;
}

.product_content .inner_list li .img_box {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.product_content .inner_list li .img_box img { width: 100%;  background-color: rgb(224,224,224);}

.product_content .inner_list li .inner_cont {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 80px 0 0 80px;
}

.product_content .inner_list li .inner_cont.text_left {
	padding: 80px 80px 0 0;
  text-align: right;
}

.product_content .inner_list li .inner_cont .tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

.product_content .inner_list li .inner_cont .txt {
	margin-top: 30px;
  font-size: 16px; 
  font-weight: 300;
  line-height: 26px; 
  margin-top: 30px;
  color: rgb(85, 85, 85);
}
.product_content .inner_list li .inner_cont .hypen-li li { font-size: 1rem; font-weight: 300; line-height: 26px; }

.product_content .inner_list li .inner_cont .btn_learn {
	display: inline-block;
	padding: 18.5px 40px;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 0;
	color: #fff;
	background: #222;
	text-align: center;
	text-transform: capitalize;
	margin-top: 50px;
}
.product_content .inner_list li .inner_cont .btn_learn:hover { background: #0079c5; }

.product_content .pro_detail .img_box {
	border: 1px solid #d9d9d9;
	padding: 10px 20px;
	text-align: center;
}

.product_content .half_inner_list {
	margin-bottom: 120px;
  padding: 0px;
  overflow: hidden;
  border : 2px solid #fff;
  margin-block-end:0;
}

.product_content .half_inner_list li {
  width:49%;
  float:left;
  text-align:center;
  padding-right:1%;
}

.product_content .half_inner_list li .inner_cont {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.product_content .half_inner_list li .inner_cont .tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

.product_content .half_inner_list li .inner_cont .txt {
	margin-top: 30px;
  font-size: 16px; 
  font-weight: 300;
  line-height: 26px; 
  margin-top: 30px;
  color: rgb(85, 85, 85);
}

.product_content .three_inner_list {
	margin-bottom: 120px;
  padding: 0px;
  overflow: hidden;
  border : 2px solid #fff;
  margin-block-end:0;
}

.product_content .three_inner_list li {
  width:32%;
  float:left;
  text-align:center;
  padding-right:1%;
}

.product_content .three_inner_list li .inner_cont {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.product_content .three_inner_list li .inner_cont .tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

.product_content .three_inner_list li .inner_cont .txt {
	margin-top: 5px;
  font-size: 13px; 
  font-weight: 300;
  line-height: 26px; 
  color: rgb(85, 85, 85);
}

.product_content .four_inner_list {
	margin-bottom: 120px;
  padding: 0px;
  overflow: hidden;
  border : 2px solid #fff;
  margin-block-end:0;
}

.product_content .four_inner_list li {
  width:24%;
  float:left;
  text-align:center;
  padding-right:1%;
}

.product_content .four_inner_list li .inner_cont {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
  border: 1px solid #ddd;
  border-radius: 8px;
  text-align: center;
  background: #f9f9f9;
  margin-bottom: 10px;
}

.product_content .four_inner_list li .inner_cont .tit {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0;
	color: #222;
}

.product_content .four_inner_list li .inner_cont .txt {
	margin-top: 5px;
  font-size: 13px; 
  font-weight: 300;
  line-height: 26px; 
  color: rgb(85, 85, 85);
}

.product_content .half_inner_list li .detail_list th {
  display: table-cell;
  text-align: center;
  width: 17%;
  border : 2px solid #fff;
  padding: 12px 0;
  height: 25px;
  vertical-align: middle;
}
.product_content .half_inner_list li .detail_list td {
  display: table-cell;
  text-align: center;
  width: 30%;
  border : 2px solid #fff;
  padding: 12px 0;
  height: 25px;
  vertical-align: middle;
}

.product_content .half_inner_list:last-child { margin-bottom: 0; }

@media screen and (max-width: 1199px) {

  .product_content .section {
		margin-top: 50px;
    padding-top: 10px;
	}

  .product_content .top_section {
    /* margin-top: 120px; */
    /* padding-top:70px; */
    margin-top: 0;
    padding-top: 60px;
  }

  .product_content .inner_list {
		/*margin-bottom: 0;*/
		margin-bottom: 2.857rem !important;
	}

  .product_content .inner_list li {
		display: grid;
	}

	.product_content .inner_list li.m_ver {
		display: block;
	}
	.product_content .inner_list li.pc_ver {
		display: none;
	}

  .product_content .inner_list li .img_box {
		width: 100%;
    order: 1;
	}

  .product_content .inner_list li .inner_cont {
		width: 100%;
		padding: 30px 0 40px;
    order: 2;
	}

  .product_content .inner_list li .inner_cont.text_left {
    padding: 30px 0 40px;
    text-align: left;
  }

  .product_content .inner_list li:last-child .inner_cont { padding-bottom: 0; }

  .product_content .inner_list li .inner_cont .tit {
		margin-bottom: 1.071rem;
		font-size: 1.142rem;
	}

  .product_content .inner_list li .inner_cont .txt { font-size: 0.928rem; line-height: 18px; margin-top: 1.071rem; }
	.product_content .inner_list li .inner_cont .hypen-li li { font-size: 0.928rem; line-height: 18px; }

  .product_content .half_inner_list {
		/*margin-bottom: 0;*/
		margin-bottom: 2.857rem !important;
    overflow: hidden;
	}

  .product_content .half_inner_list li {
		width:100%;
    text-align:center;
	}

  .product_content .half_inner_list li .detail_list th {
    width: 36%;
	}
  .product_content .half_inner_list li .detail_list td {
    width: 61%;
	}

  .product_content .half_inner_list li:last-child {
    padding-top: 50px;
  }
  
}

.product_content  .half_inner_list li .img_container {
	display: inline-block;
	vertical-align: top;
}

.product_content .half_inner_list li .img_container img { width: 100%; background-color: rgb(224,224,224);}
.product_content .half_inner_list li .img_container .txt { display: block; background-color: rgb(19,54,104); color: rgb(224,224,224); font-size:20px; text-align: center; font-style:normal; line-height: 50px;}

@media screen and (max-width: 1199px) {
	.product_content .pro_detail .half_inner_list li .img_container {
		width: 100%;
	}
  .product_content .half_inner_list li .img_container img { height:auto;}
}

.product_content .detail_list {
	margin-top: 20px;
  width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.product_content .prodct_table {
	/* margin-top: 20px; */
	border-collapse: collapse;
	border-spacing: 0;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.product_content .detail_list caption { display: none; }

.product_content .prodct_table th, .product_content .prodct_table td {
	text-align: center;
	border : 2px solid #fff;
  padding: 12px 0;
  height: 25px;
  vertical-align: middle;
}

@media screen and (max-width: 1199px) {
	.product_content .detail_list th, .product_content .detail_list td {
		display: inline-block;
		padding: 10px 0;
		width: 50%;
		font-size: 0.857rem;
		line-height: 18px;
	}
}

.product_content .detail_list th {
	background: #D2E0EE;
	font-weight: 500;
	letter-spacing: 0;
}

.product_content .detail_list td {
	background: rgba(249,250,250,1);
	font-weight: 300;
}

.product_content .prodct_table th {
	background: #D2E0EE;
	font-weight: 500;
	letter-spacing: 0;
  width: 22%;
}

.product_content .prodct_table td {
	background: rgba(249,250,250,1);
	font-weight: 300;
  width: 28%;
}

@media screen and (min-width: 1199px) {
	.product_content .detail_list th:first-child {
		border-left: none;
	}
	.product_content .detail_list td:last-child {
		border-right: none;
	}
}

.product_content .detail_list .num, .product_wrap .detail_list .num2 { font-size: 0.625rem; }
.product_content .detail_list .num2 { vertical-align: super; }
.product_content .detail-desc { font-size: 0.875rem; }
.product_content .detail-desc span { margin-left: 15px; }
.product_content .detail-desc span:first-child { margin-left: 0; }


.top_img {
  text-align:center;
}
.top_img img {
  /* max-width:55%; */
  max-width:100%;
}


@media screen and (max-width: 1199px) {
	.product_content .inner_list li .inner_cont .btn_learn { padding: 15px 30px; }

  .product_content .prodct_table {
    width: 100%;
  }

  .product_content .detail_list th {
    width: 35%;
  }
  
  .product_content .detail_list td {
    width: 61%;
  }
}

.tech_title p {
	text-align: center;
	font-size: 22px;
	letter-spacing: 0;
	color: #222;
  padding-bottom: 20px;
}

@media screen and (max-width: 1199px) {
	.tech_title p {
    margin: 0 0 30px;
  }
}

.snote_title p {
	text-align: center;
	font-size: 40px;	
	letter-spacing: 0;
  font-weight:900;
  color:#042e6c;
  padding-top:120px;
}

.snote_text p {
	font-size: 20px;
	letter-spacing: 0;
	color: #222;
  padding-left:15%;
  padding-bottom:5%;
}

@media screen and (max-width: 1199px) {
  .snote_title p {
    font-size: 27px;
    padding-top:20px;
  }
	.snote_text p {
    padding-left:0;
    font-size: 18px;
  }
}

/*슬라이드*/
@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  70% { left: -200%; }
  75% { left: -300%; }
  95% { left: -300%; }
  100% { left: -400%; }
  }

.slider { overflow: hidden; padding-top:10px; }
.slider figure img { width: 20%; float: left; }
.slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  top:0;
  left: 0;
  text-align: left;
  font-size: 0;
  -webkit-animation: 20s slidy ease-in-out infinite;
  animation: 20s slidy ease-in-out infinite; 
}

.tech_wrap {
  margin: 0 auto;
  max-width: 1200px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-auto-rows: auto;
  gap: 70px;
  box-sizing: border-box;
  padding-bottom: 30px;
  padding-top: 50px;
  
  /* background: whitesmoke; */
  /* font-family: sans-serif; */
  /* padding-top: 100px; */
}

.tech_tit {
  font-size: 30px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-top: 45px;
  height:25px;
  color: #002E6B;
  font-weight: 500;
}

.tech_item_tit {
  font-size: 18px;
  padding: 30px;
  padding-right: 10px;
  height:25px;
  color: #002E6B;
  font-weight: 500;
}

.tech_img img {
  width: 100%;
  object-fit: cover;
  object-position: top;
  display: block;
  box-shadow: 5px 5px 10px 2px rgba(0,0,0, 0.5);
}

@media screen and (max-width: 1199px) {
  .tech_wrap {
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 30px;
  }

  .tech_tit {
    font-size: 25px;
  }

  .tech_item_tit {
    font-size: 16px;
    padding: 20px;
    padding-bottom: 30px;
  }
}

.footer_icon {
  background-color:white;
  border-radius:5px;
  width: 30px;
  height: 30px;
  text-align:
  center;
  float:left;
  margin-right:5px;
}

.footer_icon i {
  color:black;padding-top:8px;
}

.address_list_table {
  width: 100%;
}

.address_list_table .address_title {
  font-weight:600;
  font-size:30px;
  padding-top:70px;
}

.address_list_table .address_title .address_hr {
  display:block; border: solid 3px #002E6B; align:left; width:3%;
}

.address_list_table .address_sub_dscr {
  padding-bottom:30px;
}

.address_list_table .map_bottom_td {
  padding-top:20px;
  padding-bottom:20px;
}

.round-button {
  background-color: #002E6B;
  color: white;
  border: none;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 2px;
  cursor: pointer;
  border-radius: 50px;
}

.round-button:hover {
  background-color: #0056b3;
}

.round-button:active {
  background-color: #003a80;
}

.download-button {
  background-color: #002E6B;
  color: white;
  border: none;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  margin-bottom: 2px;
  cursor: pointer;
  border-radius: 8px;
}

.download-button:hover {
  background-color: #0056b3;
}

.download-button:active {
  background-color: #003a80;
}

.download-section {
  text-align:center;
  margin-top: 30px;
}

.product_content .vr_tit {
  text-align: center;font-size:22px;font-weight:600;line-height: 50px;padding-top:60px;
}

.contact_table {
  width: 80%;
  padding-bottom: 30px;
  margin:auto;
}

.contact_table th {
  width: 140px;
  padding: 7px 13px;
  border: 1px solid #fff;
  border-left: 0;
  background: #D2E0EE;
  text-align: left;
  font-weight: 500;
}
.contact_table td {
  padding: 7px 10px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: rgba(249,250,250,1);
}

.contact_table textarea {
  width:70%;
  max-width:90%;
  height:100px;
  padding:2px 2px 3px;
  border:1px solid #D2E0EE;
  vertical-align:middle;
  resize: none;
  outline-color: #D2E0EE;
}

.contact_table textarea :focus {
  background:#f7ed5c; 
  color:#003a80;
}

.contact_table .contact_subject {
  padding-right:30px;
}

@media screen and (max-width: 1199px) {
  .contact_table {
    width: 100%;
  }

  .contact_table textarea {
    width:90%;
  }

  .contact_table .contact_subject {
    padding-right:0;
  }
}

.ceo_content .ceo_name {
  float:left;font-size:21px;width:26%;padding-top:18px;
}

.ceo_content .ceo_sign {
  float:right;width:74%;
}

.ceo_content .ceo_sign img {
  width:25%;
}

@media screen and (max-width: 1199px) {
  .ceo_content .ceo_name {
    width:57%;padding-top:5px;
  }
  
  .ceo_content .ceo_sign {
    width:23%;
  }
  
  .ceo_content .ceo_sign img {
    width:60%;
  }
}

.contact_wrap {
  padding-top:70px;
}

.contact_wrap .contact_title {
  font-size:22px;
  padding-bottom:10px;
  font-weight:600;
}

.contact_wrap .contact_table .contact_input {
  border: 1px solid #D2E0EE;
  vertical-align: middle;
  width: 65%;
}

.contact_wrap .contact_table .contact_tell_input {
  border: 1px solid #D2E0EE;
  vertical-align: middle;
  width:35px;
}

.contact_wrap .contact_table .contact_tell_first_input {
  width:55px;
  padding: 3px 10px 3px 10px;
  border: 1px solid #D2E0EE;
  vertical-align: middle;
}


.content_wrap .bottom_header .logo a img {
  float:left; 
  max-height:60px; 
  max-width: 396px; 
  position:absolute; 
  top:27px; 
  left:4rem;
}

@media screen and (min-width: 2099px) {
  .content_wrap .bottom_header .logo a img {
    left:5%;
  }
}

@media screen and (min-width: 2299px) {
  .content_wrap .bottom_header .logo a img {
    left:10%;
  }
}

@media screen and (min-width: 2499px) {
  .content_wrap .bottom_header .logo a img {
    left:15%;
  }
}

@media screen and (min-width: 2780px) {
  .content_wrap .bottom_header .logo a img {
    left:16%;
  }
}

@media screen and (min-width: 2899px) {
  .content_wrap .bottom_header .logo a img {
    left:18%;
  }
}

@media screen and (min-width: 3470px) {
  .content_wrap .bottom_header .logo a img {
    left:23%;
  }
}