@charset "utf-8";
@import 'menu.css';

@font-face {
     font-family:Nanum BarunGothic;
     src:url(../font/NanumBarunGothic.eot);
     src:url(../font/NanumBarunGothic.eot?#iefix) format('embeded-opentype'),
         url(../font/NanumBarunGothic.woff) format('woff');
}

@font-face {
     font-family:Nanum BarunGothicBold;
     src:url(../font/NanumBarunGothicBold.eot);
     src:url(../font/NanumBarunGothicBold.eot?#iefix) format('embeded-opentype'),
         url(../font/NanumBarunGothicBold.woff) format('woff');
}

@font-face {
     font-family:Nanum Gothic;
     src:url(../font/NanumGothic.eot);
     src:url(../font/NanumGothic.eot?#iefix) format('embeded-opentype'),
         url(../font/NanumGothic.woff) format('woff');
}

* {box-sizing:border-box;}

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body {font-family:dotum, "돋움", sans-serif; font-size:12px; color:#000}
input,textarea,select,button,table{font-size:12px;font-weight:normal;}
dt,dd {line-height:160%;font-weight:normal;text-align:left}
th,td {font-weight:normal;text-align:left}
td div{line-height:normal; border:0}
td input, td img{vertical-align:middle}
img,fieldset{border:none}
img{vertical-align:top}
ul,ol{list-style:none}
em,address{font-style:normal}
a {color:#396a94;text-decoration:none}
a:hover,a:active,a:focus{color:#007eff}
label input{margin-right:3px;margin-top:-3px;vertical-align:middle}
button {border:0px; cursor:pointer}

body {font-family:helvetica;margin:0;padding:0;}
#wrap {position:relative;width:100%;}




.bg_main{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:810px;background:url(/resource/images/main/bg_main.jpg) no-repeat center center;background-size:cover;z-index:-999;}
.bg_pattern{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:810px;background:url(/resource/images/common/bg_pattern.png);z-index:-998;}

.bg_sub01{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_sub01.jpg) no-repeat center center;background-size:cover;z-index:-999;}
.bg_sub02{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_sub02.jpg) no-repeat center center;background-size:cover;z-index:-999;}
.bg_sub03{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_sub03.jpg) no-repeat center center;background-size:cover;z-index:-999;}
.bg_sub04{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_sub04.jpg) no-repeat center center;background-size:cover;z-index:-999;}
/* .bg_map{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_map.jpg) no-repeat center center;background-size:cover;z-index:-999;} */
.bg_map{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px; no-repeat center center;background-size:cover;z-index:-999;}
.bg_pattern_sub{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:510px;background:url(/resource/images/common/bg_pattern.png);z-index:-998;}

section {max-width:1024px;margin:0 auto;display:block;padding-top:100px;overflow:hidden;}

.show {
	display:block;
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.stisli {
	-o-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

header {height:100px;position:fixed;width:100%;background:rgba(0,0,0,0.4);z-index:9999;}
header.only {background:rgba(0,0,0,0.8);}
header nav {max-width:1024px;margin:0 auto;height:100px;}
header nav .logo {display:block;height:54px;width:140px;margin:26px 0px;position:relative;
	background:url(/resource/images/common/system_logo.svg) no-repeat;background-size:contain;float:left;cursor:pointer;}

header span {display:none;font-size:0px;}
.navmenubtn {position:absolute;top:-10px;right:0;width:36px;height:36px;background:url(/resource/images/common/icon_menu.svg) no-repeat center center;background-size:100%;text-indent:-2000px;line-height:40px;}

.main_content {width:1024px;color:#fff;padding-top:100px;}

.main_copy {float:left;font-size:60px;}
.main_copy p.copy_ci {font-family:Nanum Gothic;font-size:50px;font-weight:normal;color:rgba(255,255,255,0.8);}
.main_copy p.copy_ci strong {color:rgba(25,189,255,0.8);}
.main_copy p.copy_sg {padding-top:50px;font-family:Nanum Gothic;font-size:70px;font-weight:normal;}

.sub_content {width:1024px;min-height:680px;color:#fff;font-family:Nanum Gothic;font-weight:normal;font-size:16px;margin-bottom:80px;}
.sub_content .sub_content_left {width:25%;float:left;padding-right:20px;}
.sub_content .sub_content_right {width:75%;float:right;}
.sub_copy {position:relative;height:450px;}
.sub_copy p {width:100%;position:absolute;left:0;}
.sub_copy p.sub_copy_bt {top:50px;font-size:30px;color:rgba(255,255,255,0.8);}
.sub_copy p.sub_copy_st {top:110px;font-size:60px;color:rgba(255,255,255,1);}
.sub_copy p.sub_copy_bt_i {top:50px;font-size:30px;color:rgba(0,0,0,0.8);}
.sub_copy p.sub_copy_st_i {top:110px;font-size:60px;color:rgba(0,0,0,1);}
.sub_copy p.sub_copy_sg {bottom:90px;font-size:30px;color:rgba(255,255,255,1);line-height:40px;}
.sub_copy p strong {color:rgba(25,189,255,1);font-weight:normal}
.sub_text {float:left;color:#3c3c3c;}
.sub_text p.title{font-size:26px;margin-bottom:40px;line-height:30px;}
.sub_text p.sg{font-size:40px;margin-bottom:40px;line-height:50px;}
.sub_text strong {color:rgba(25,189,255,1);font-weight:normal}
.sub_text p{margin-bottom:20px;line-height:24px;}

.sub_news_text {float:left;color:#3c3c3c;}
.sub_news_text p.title{font-size:18px;margin-bottom:10px;line-height:30px;font-weight:bold;}
.sub_news_text p{font-size:14px;margin-bottom:10px;line-height:24px;}
.sub_news_text p a{color:#028aca;}
.sub_news_text p a:hover{color:#004e72;}

.sub_content_left > .form_wrap_search {width:100%;text-align:left;}
.sub_content_left > .form_wrap_search > .form_search input{width:180px;}
.sub_content_left > .form_wrap_search > .form_search {margin-bottom:20px;}


.sub_form_wrap {color:#3c3c3c;}
.sub_form_title {position:relative;margin-top:10px;color:#3c3c3c;width:100%;}
.sub_form_title p.title{font-size:18px;margin-bottom:10px;line-height:30px;}
.sub_form_title p.ctitle{font-size:16px;margin-bottom:10px;line-height:30px;}
.sub_form_title .button {position:absolute;top:4px;right:0;}
.sub_form_title .button a{font-size:14px;color:#0097d4;}
/*
.main_news {position:relative;width:480px;height:260px;padding:30px 180px 0 0;float:right;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;}
*/
.main_news {position:relative;width:480px;height:260px;padding:30px 80px 0 0;float:right;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);color:#fff;}
.main_news p.news_title{font-family:Nanum Gothic;font-size:50px;font-weight:normal;}
.main_news p.news_ntitle{
	margin-top:30px;
	overflow:hidden;
	text-overflow:ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height:40px;
	height:80px; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
	font-family:Nanum Gothic;font-size:28px;font-weight:normal;
}
.main_news p.news_date{margin-top:10px;font-family:Nanum Gothic;font-size:20px;font-weight:normal;color:rgba(255,255,255,0.6);}
.main_news img.news_img {position:absolute;top:126px;right:0;width:150px;}

.main_banner {height:240px;padding:40px 0 40px 0;position:absolute;left:0;top:570px;width:100%;background:rgba(25,189,255,0.6);z-index:9998;}
.main_banner ul {max-width:1024px;margin:0 auto;}
.main_banner ul li{position:relative;float:left;width:20%;height:160px;}
.main_banner ul li:nth-child(1) {background:url(/resource/images/main/main_banner_01.svg) no-repeat center 10px;}
.main_banner ul li:nth-child(2) {background:url(/resource/images/main/main_banner_02.svg) no-repeat center 10px;}
.main_banner ul li:nth-child(3) {background:url(/resource/images/main/main_banner_03.svg) no-repeat center 10px;}
.main_banner ul li:nth-child(4) {background:url(/resource/images/main/main_banner_04.svg) no-repeat center 10px;}
.main_banner ul li:nth-child(5) {background:url(/resource/images/main/main_banner_05.svg) no-repeat center 10px;}
.main_banner ul li p{position:absolute;bottom:0;left:0;width:100%;text-align:center;
font-family:Nanum Gothic;font-size:22px;font-weight:normal;color:#fff;}

.main_btn_wrap {padding:390px 0 40px 0;width:100%;overflow:hidden;}
.main_btn_wrap ul {max-width:1024px;margin:0 auto;}
.main_btn_wrap ul li{position:relative;float:left;width:50%;overflow:hidden;}
.main_btn_wrap ul li p {width:100%;height:120px;padding:20px 0 0 140px;border:1px solid #e7e7e7;font-family:Nanum Gothic;font-size:12px;font-weight:normal;color:#3c3c3c;line-height:18px;}
.main_btn_wrap ul li p strong{font-size:18px;font-weight:bold;color:#3c3c3c;line-height:40px;}
.main_btn_wrap ul li:nth-child(1) {padding-right:10px;}
.main_btn_wrap ul li:nth-child(2) {padding-left:10px;}
.main_btn_wrap ul li:nth-child(1) p {background:url(/resource/images/main/main_banner_001.svg) no-repeat 40px center;}
.main_btn_wrap ul li:nth-child(2) p {background:url(/resource/images/main/main_banner_004.svg) no-repeat 40px center;}

.sub_business_wrap {width:100%;overflow:hidden;}
.sub_business_wrap ul {margin:0 auto;}
.sub_business_wrap ul li{position:relative;display:block;width:100%;margin-top:40px;padding:0 0 10px 180px;min-height:160px;}
.sub_business_wrap ul li:nth-child(1) {background:url(/resource/images/common/icon_business_01.svg) no-repeat 20px 20px;}
.sub_business_wrap ul li:nth-child(2) {background:url(/resource/images/common/icon_business_02.svg) no-repeat 20px 20px;}
.sub_business_wrap ul li:nth-child(3) {background:url(/resource/images/common/icon_business_03.svg) no-repeat 20px 20px;}
.sub_business_wrap ul li:nth-child(4) {background:url(/resource/images/common/icon_business_04.svg) no-repeat 20px 20px;}
.sub_business_wrap ul li:nth-child(5) {background:url(/resource/images/common/icon_business_05.svg) no-repeat 20px 20px;}
.sub_business_wrap ul li p {padding:16px 0 0 0;font-family:Nanum Gothic;font-size:16px;font-weight:normal;color:#3c3c3c;line-height:22px;}
.sub_business_wrap ul li p.title {padding:12px 0 0 0;font-family:Nanum BarunGothic;font-size:28px;font-weight:bold;color:#3c3c3c;line-height:30px;}
.sub_business_wrap ul li p.stitle {padding:8px 0 0 0;font-size:18px;font-weight:bold;color:#0097d4;line-height:40px;}

footer {width:100%;background:#f5f5f5;border-top:1px solid #e6e6e6;padding:40px 0 40px 0;}
footer .footer_content{position:relative;max-width:1024px;margin:0 auto;padding-left:180px;background:url(/resource/images/common/system_logo_footer.svg) no-repeat 0 center;}
footer .footer_content p {font-family:Nanum Gothic;font-size:12px;font-weight:normal;color:#8a8a8a;line-height:20px;}
footer .footer_content p strong{color:#278ab5;font-weight:normal;}
footer .footer_content p.btn_call {position:absolute;top:0;right:0;width:320px;height:60px;background:url(/resource/images/common/icon_footer_call.svg) no-repeat right -4px;
	line-height:30px;font-size:14px;}
footer .footer_content p.btn_call strong {font-family:Nanum BarunGothic;font-size:32px;font-weight:normal;color:#3c3c3c;}

/* STICKY */
.sticky {background:rgba(0,0,0,0.8);}
.sticky, .sticky nav {height:56px;}
.sticky nav .logo {height:30px;width:80px;margin:14px 0px;cursor:pointer;}
.sticky nav ul li{padding:0;margin-top:-20px;}
.sticky nav ul li a{color:#fff!important}
.sticky nav ul li a:hover{color:rgba(25,189,255,1)!important;}
.sticky nav ul > li a{padding:40px 0 20px 40px;}
.sticky nav ul li ul{top:76px;}
.sticky nav ul li ul li{padding:0;margin-top:0;background:rgba(0,0,0,.8)!important;}
.sticky nav li ul a {padding:10px 0 0 15px;}


/* form_group */
.form_group {margin-bottom:15px;}

.controls {text-align:left;position:relative;}
.controls input[type="text"],
.controls input[type="password"],
.controls input[type="email"],
.controls input[type="number"],
.controls input[type="date"],
.controls input[type="tel"],
.controls textarea,
.controls button,
.controls select {
  padding: 0 10px 0 100px;
  border:1px solid #c3c3c3;
  width: 100%;
  min-height:42px;
  line-height:36px;
  margin-bottom: 0;
  font-size:14px;
  color: #3c3c3c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.controls input[type="file"]{
  padding: 0 0 0 0;
  width: 100%;
  min-height:42px;
  margin-bottom: 0;
  font-size:14px;
  color: #3c3c3c;
	} 


.controls input[type="text"]:focus, .controls input[type="text"]:hover,
.controls input[type="password"]:focus,
.controls input[type="password"]:hover,
.controls input[type="email"]:focus,
.controls input[type="email"]:hover,
.controls input[type="number"]:focus,
.controls input[type="number"]:hover,
.controls input[type="date"]:focus,
.controls input[type="date"]:hover,
.controls input[type="tel"]:focus,
.controls input[type="tel"]:hover,
.controls textarea:focus,
.controls textarea:hover,
.controls button:focus,
.controls button:hover,
.controls select:focus,
.controls select:hover {
  outline: none;
  border:1px solid #c4c4c4;
}

.controls input[type="text"]:focus + label, .controls input[type="text"]:hover + label,
.controls input[type="email"]:focus + label,
.controls input[type="email"]:hover + label,
.controls input[type="number"]:focus + label,
.controls input[type="number"]:hover + label,
.controls input[type="date"]:focus + label,
.controls input[type="date"]:hover + label,
.controls input[type="tel"]:focus + label,
.controls input[type="tel"]:hover + label,
.controls textarea:focus + label,
.controls textarea:hover + label,
.controls button:focus + label,
.controls button:hover + label,
.controls select:focus + label,
.controls select:hover + label {
  color: #3c3c3c;
  cursor: text;
}
.controls label {
  position: absolute;
  left:10px;
  top: 2px;
  font-size:13px;
  line-height:2.1em;
  width: auto;
  color: #6c6c6c;
  display: inline-block;
  padding: 4px 0;
  background-color:transparent!important;
}
.controls label.active {color:#3c3c3c;background-color: #fff;width: auto;}
.controls label strong {font-weight:normal;color:#0051a0;}

.controls textarea{  
	resize:none;
  overflow:hidden;
  padding: 10px 12px 14px 10px!important;
  display:block;
  font-family:Nanum Gothic;
  line-height:20px!important;
}

/* media_block */
.form_group {margin-bottom:10px;}
.form_group .media_block {margin-bottom:10px;}

.media_block {position:relative;color:#3c3c3c;margin-bottom:10px;line-height:38px;
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.grid_2 {margin-left:-10px;}
.grid_2:after {content:"";display:table;clear:both;}
.grid_2 > .media_block {float:left;padding-left:10px;width:50%;}
.grid_2 > .media_block label{left:20px;}
.grid_2 > .media_block:nth-child(2n) {float:left;}
.grid_2 > .media_block:nth-of-type(2n+3) {clear: left;}

.grid_3 {margin-left:-10px;}
.grid_3:after {content: "";display:table;clear:both;}
.grid_3 > .media_block {float:left;padding-left:10px;width:33.33333%;}
.grid_3 > .media_block:nth-of-type(3n+4) {clear:left;}

.grid_1 a{display:block;float:left;width:100%;text-align:center;z-index:22;}
.grid_2 a{display:block;float:left;width:100%;text-align:center;z-index:22;}

.form_btn_wrap {overflow:hidden;width:100%;text-align:right;margin-bottom:40px;}
.form_btn_wrap .media_block{width:auto;float:right;}

/* lsy 추가 !!! START !!! */
input.btn_page{display:inline-block;box-sizing:border-box;line-height:38px;height:40px;padding:0 30px 0 30px;vertical-align:middle;background-color:#0097d4;border:1px solid #0077a7;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    
    }
input.btn_page:focus,.btn_page:active,.btn_page.active,.btn_page.disabled,.btn_page[disabled]{color:#c1edff}
input.btn_page:hover {background-color:#0077a7;border:1px solid #006087;color:#c1edff}

input.btn_common{display:inline-block;box-sizing:border-box;line-height:38px;height:40px;padding:0 30px 0 30px;vertical-align:middle;background-color:#fff;border:1px solid #cdcdcd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#6c6c6c;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    
    }
input.btn_common:focus,.btn_common:active,.btn_common.active,.btn_common.disabled,.btn_common[disabled]{color:#cdcdcd}
input.btn_common:hover {background-color:#f1f1f1;border:1px solid #cdcdcd;color:#3c3c3c}

input.btn_search{display:inline-block;box-sizing:border-box;line-height:28px;height:30px;padding:0 10px 0 10px;vertical-align:middle;background-color:#fff;border:1px solid #cdcdcd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#6c6c6c;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    font-size:12px;
    }
input.btn_search:focus,.btn_search:active,.btn_search.active,.btn_search.disabled,.btn_search[disabled]{color:#cdcdcd}
input.btn_search:hover {background-color:#f1f1f1;border:1px solid #cdcdcd;color:#3c3c3c}
/* lsy 추가 !!! END !!! */


a.btn_page{display:inline-block;box-sizing:border-box;line-height:38px;height:40px;padding:0 30px 0 30px;vertical-align:middle;background-color:#0097d4;border:1px solid #0077a7;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
	
	
	
a.btn_page:focus,.btn_page:active,.btn_page.active,.btn_page.disabled,.btn_page[disabled]{color:#c1edff}
a.btn_page:hover {background-color:#0077a7;border:1px solid #006087;color:#c1edff}

a.btn_common{display:inline-block;box-sizing:border-box;line-height:38px;height:40px;padding:0 30px 0 30px;vertical-align:middle;background-color:#fff;border:1px solid #cdcdcd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#6c6c6c;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	
	}
a.btn_common:focus,.btn_common:active,.btn_common.active,.btn_common.disabled,.btn_common[disabled]{color:#cdcdcd}
a.btn_common:hover {background-color:#f1f1f1;border:1px solid #cdcdcd;color:#3c3c3c}

a.btn_search{display:inline-block;box-sizing:border-box;line-height:28px;height:30px;padding:0 10px 0 10px;vertical-align:middle;background-color:#fff;border:1px solid #cdcdcd;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;color:#6c6c6c;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
	font-size:12px;
	}
a.btn_search:focus,.btn_search:active,.btn_search.active,.btn_search.disabled,.btn_search[disabled]{color:#cdcdcd}
a.btn_search:hover {background-color:#f1f1f1;border:1px solid #cdcdcd;color:#3c3c3c}


.box_wrap {padding: 10px;border:1px solid #c3c3c3;width: 100%;max-height:140px;overflow:auto;margin-bottom:10px;font-size:12px;}

/* form_wrap_radio */
.form_wrap_radio{display:block;}
.form_wrap_radio label{float:none;display:block;width:100%;line-height:22px;white-space:nowrap}
.form_wrap_radio label:hover{background-color:#f1f1f1;}
.form_wrap_radio label input{margin-left:6px;margin-right:4px}

.fr {float:right;clear:both;margin-bottom:20px;}


/* pagenation */
.paginate{z-index:-1;margin-top:10px;margin-bottom:10px;text-align:center;clear:both;}
.paginate a,.paginate strong{display:inline-block;padding:1px 5px 0 5px; line-height:18px;font-family:Nanum Gothic;font-size:13px;color:#3c3c3c;text-decoration:none}
.paginate a:hover{color:#e3911b}
.paginate strong{color:#e3911b}
.paginate a,.paginate strong,.paginate img{vertical-align:top}
.paginate a.first,.paginate a.pre,.paginate a.next,.paginate a.last{margin:0;margin-top:1px;padding:0;border:none}

.form_wrap_search {text-align:center;margin-bottom:10px;}
.form_search {margin:0 auto!important;}
.form_search select{width:120px;height:30px!important;}
.form_search input{width:200px;padding-left:4px!important;height:30px;border:1px solid #b8b8b8;}
.form_search a{}


/* Table Base */

.rsp_table {
	width: 100%;
	overflow:hidden;
  background-color: transparent;
  border-collapse: seperate;
  border-spacing: 0;
  color:#3c3c3c;
}

.rsp_table { 
  width: 100%;
  margin-bottom: 20px;
}

.rsp_table th,
.rsp_table td {
  font-weight: normal;
  font-size: 14px;
  padding: 8px 15px;
  line-height: 26px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid rgba(0,0,0,0.1);
}

.rsp_table td.tl {
  text-align: left;
}
.rsp_table.sp thead th {
  background:rgba(25,189,255,0.02);color:rgba(25,189,255,1);border-top:1px solid rgba(25,189,255,0.4);border-bottom:1px solid rgba(25,189,255,0.4);
}   

.rsp_table thead th {
  background:rgba(0,0,0,0.02);color:rgba(0,0,0,0.8);font-weight:bold;padding:14px 15px;
  border-top:1px solid rgba(0,0,0,0.2);
  border-bottom:1px solid rgba(0,0,0,0.2);
  vertical-align: bottom;
}   

.rsp_table tbody > tr:nth-child(odd) > td,
.rsp_table tbody > tr:nth-child(odd) > th {
  background-color: #fff;
}    

.board_view_wrap {margin-bottom:20px;color:#3c3c3c}
.board_view_header {position:relative;min-height:80px;padding-bottom:20px;background:#fbfbfb;border-top:1px solid #e4e4e4}
.board_view_header p.htitle {font-size:20px;padding:40px 0 0 16px;}
.board_view_header p.date {position:absolute;top:16px;left:16px;font-size:12px;}
.board_view_header p.file {position:absolute;top:16px;right:16px;font-size:12px;}
.board_view_content {position:relative;min-height:180px;padding:16px;border-top:1px solid #cdcdcd}
.board_view_prev {position:relative;min-height:50px;background:#fff;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4}
.board_view_prev p.con {position:absolute;top:16px;left:120px;font-size:14px;}
.board_view_prev p.tit {position:absolute;top:16px;left:0;font-size:14px;font-weight:bold}
.board_view_next {position:relative;min-height:50px;background:#fff;border-bottom:1px solid #cdcdcd}
.board_view_next p.con {position:absolute;top:16px;left:120px;font-size:14px;}
.board_view_next p.tit {position:absolute;top:16px;left:0;font-size:14px;font-weight:bold}

.news_view_wrap {color:#3c3c3c}
.news_view_wrap p.ntitle {font-size:24px;padding:0 0 20px 0;font-weight:bold;}
.news_view_wrap p.date {font-size:14px;padding:0 0 20px 0;color:#6c6c6c}
.news_view_wrap p.con {font-size:12px;padding:0 0 20px 0;}
.news_view_wrap img{max-width:700px;margin-bottom:20px;}


/* MEDIA QUERIES */
@media screen and (max-width: 1044px) {
	
	.bg_main{box-sizing:border-box;position:absolute;width:100%;height:1100px;background:url(/resource/images/main/bg_main.jpg) no-repeat center center;background-size: cover;z-index:-999;}
	.bg_pattern{box-sizing:border-box;position:absolute;width:100%;height:1100px;background:url(/resource/images/main/bg_pattern.png);z-index:-998;}

	header nav {
		max-width:100%;
		padding:0px 20px;
	}

	section {width:100%;padding:0 20px 20px 20px;}
	.main_content {width:100%;color:#fff;padding-top:0;}
	.main_copy {float:left;overflow:hidden;margin-top:100px;width:100%;height:160px;}
	.main_copy p.copy_ci{display:none;}
	.main_copy p.copy_sg{padding-top:20px;font-size:50px;text-align:center}
	.main_news {margin-top:10px;width:100%;height:270px;float:right;border-bottom:none;}
		
	.main_banner {height:530px;padding:0;}
	.main_banner ul {width:100%;margin:0 auto;}
	.main_banner ul li{position:relative;float:left;width:50%;height:160px;}
	.main_banner ul li:nth-child(1) {background:url(/resource/images/main/main_banner_01.svg) no-repeat center 30px;}
	.main_banner ul li:nth-child(2) {background:url(/resource/images/main/main_banner_02.svg) no-repeat center 30px;}
	.main_banner ul li:nth-child(3) {background:url(/resource/images/main/main_banner_03.svg) no-repeat center 30px;}
	.main_banner ul li:nth-child(4) {background:url(/resource/images/main/main_banner_04.svg) no-repeat center 30px;}
	.main_banner ul li:nth-child(5) {background:url(/resource/images/main/main_banner_05.svg) no-repeat center 30px;}
	.main_banner ul li p{font-size:18px;}
	
	.main_btn_wrap {padding:580px 0 0 0;width:100%;overflow:hidden;}
	.main_btn_wrap ul li{position:relative;float:left;width:100%;}
	.main_btn_wrap ul li p strong{font-size:18px;font-weight:bold;color:#3c3c3c;line-height:40px;}
	.main_btn_wrap ul li:nth-child(1) {padding-right:0;}
	.main_btn_wrap ul li:nth-child(2) {padding-left:0;margin-top:20px;}
	.main_btn_wrap ul li:nth-child(1) p {background-position:24px center;background-size:50px;padding:10px 20px 20px 90px;}
	.main_btn_wrap ul li:nth-child(2) p {background-position:24px center;background-size:50px;padding:10px 20px 20px 90px;}
				
	.sub_content {width:100%;min-height:600px;padding-top:100px;}
	.sub_content .sub_content_left {width:100%;float:left;}
	.sub_content .sub_content_right {width:100%;float:left;}
	.sub_copy p.sub_copy_sg {bottom:50px;font-size:20px;color:rgba(255,255,255,1);line-height:26px;}

	footer {margin-top:0!important}
	footer .footer_content {margin:0 20px 0 20px;padding:60px 0 0 0;background-position:0 0 ;}
	footer .footer_content p.btn_call {position:relative;width:100%;margin-top:10px;background:none;}

	
}
@media screen and (max-width: 650px) {
	header nav ul{display:none;}
	header nav .show {width:100%;position:fixed;top:56px;left:0;border-bottom:1px solid rgba(255,255,255,0.2);}	
	header nav .show li {position:relative!important;margin:0;display:block;padding:0;width:100%;height:60px;background:rgba(0,0,0,0.8);border-top:1px solid rgba(255,255,255,0.2);}
	header nav .show li:hover {background:rgba(0,66,113,0.9)!important}
	header nav .show li a {color:#fff!important;cursor:pointer;padding:20px;width:100%;}
	header span {display:block;margin:19px 10px;float:right;font-size:12px;font-weight:400;cursor:pointer;}
	header nav .show li ul {
	display:block!important;
  position:absolute!important;
  width:100%;
  left:200px;
  top:59px;
  z-index:999;
		
		}
	header nav .show li ul li {margin:0;display:block;padding:0;width:100%;height:60px;background:rgba(0,66,113,0.9)!important;
		border-top:1px solid rgba(255,255,255,0.2);}
	header nav .show li ul li:first-child {border-left:none;}
	header nav .show li ul li:last-child {height:61px;border-bottom:1px solid rgba(255,255,255,0.2);}
	header nav .show li ul li a {color:#fff!important;cursor:pointer;padding:20px;width:100%;}

	.main_copy {margin-top:80px;margin-bottom:20px;}
	.main_copy p.copy_ci{display:block;font-size:28px;text-align:center;margin-bottom:20px;}
	.main_copy p.copy_sg{padding-top:10px;font-size:30px;text-align:center;}
	
	.sub_business_wrap {width:100%;overflow:hidden;}
	.sub_business_wrap ul {margin:0 auto;}
	.sub_business_wrap ul li{padding:180px 0 10px 0;}
	.sub_business_wrap ul li:nth-child(1) {background-position:center 20px;}
	.sub_business_wrap ul li:nth-child(2) {background-position:center 20px;}
	.sub_business_wrap ul li:nth-child(3) {background-position:center 20px;}
	.sub_business_wrap ul li:nth-child(4) {background-position:center 20px;}
	.sub_business_wrap ul li:nth-child(5) {background-position:center 20px;}
	
	section {width:100%;}
	.main_news {padding:30px 0 0 0;}
	.main_news img.news_img {display:none;}

	.news_view_wrap img{max-width:100%;margin-bottom:20px;}

	.grid_1 > .media_block {width:100%;}
	.grid_2_3 > .media_block {width:100%;}
	.grid_2_3 > .media_block:nth-child(2n) {width:100%;}
	.grid_2 > .media_block {width:100%;}
	.form_btn_wrap .media_block{width:100%;float:left;}
	.form_btn_wrap .media_block a{width:100%;text-align:center;display:block;margin-bottom:10px;}
	
	.form_search input{width:100%;margin-bottom:10px;}
	.form_search select{width:100%;margin-bottom:10px;}
	.form_search a{width:100%;}
	
	.sub_content_left > .form_wrap_search > .form_search input{width:100%;}
	


}

/* Small Sizes */
@media (max-width: 480px) { 
	
	.rsp_table colgroup {display:none;}
	
/*   .rsp_table_action thead { */
/*     display: none; */
/*   } */
/*   .rsp_table_action tr { */
/*     border-bottom: 1px solid #f1f1f1!important; */
/*   } */
/*   .rsp_table_action td { */
/*   	text-align:left; */
/*     border: 0; */
/*   } */
/*   .rsp_table_action td:not(:first-child) { */
/*     display: block; */
/*   } */
.sub_copy {position:relative;height:430px;}

	.board_view_header p.htitle {padding:70px 0 0 16px;}
	.board_view_header p.date {top:16px;}
	.board_view_header p.file {top:40px;left:16px;}
	.board_view_prev p.tit {display:none;}
	.board_view_prev p.con {left:0;}
	.board_view_next p.tit {display:none;}
	.board_view_next p.con {left:0;}
	
.table_wrap {overflow-x: scroll;}
.rsp_table {    width: 100%;
    min-width: 480px;}
  
}

.sub_history {color: #3e3e3e;}
.sub_history ol li {position: relative;overflow: hidden;min-height: 53px;}
.sub_history ol li:first-child dl::before {top: 7px;}
.sub_history ol li.first dl::after {background-color: #006aee;}
.sub_history ol li:last-child dl::before {bottom: auto;height: 7px;}
.sub_history ol li h2 {position: absolute;top: -7px;left: 0;color: #000;font-size: 40px;font-weight: 400;letter-spacing: -1px;box-sizing: border-box;line-height: normal;}
.sub_history ol li dl {position: relative;margin-left: 251px;padding-left: 115px;padding-bottom: 80px;font-size: 18px;box-sizing: border-box;}
.sub_history ol li dl::before{content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 2px;background-color: #006aee;opacity: .3;}
.sub_history ol li dl::after{content: '';position: absolute;top: 7px;left: -6px;width: 14px;height: 14px;border: solid 1px #006aee;background-color: #fff;border-radius: 14px;box-sizing: border-box;}
.sub_history ol li dl dt{position: absolute;text-indent: -37px;color: #000;}
.sub_history ol li dl dd{padding-bottom: 25px;}
.sub_cert {margin: 0 auto;color:#3e3e3e;padding: 30px 0 50px;}
.sub_cert h2 {padding-left: 5px;}
.sub_cert ul {text-wrap: wrap;align-items: stretch;justify-content: flex-start;text-align: left;display: flex;flex-wrap: wrap;}
.sub_cert ul li {width: 25%;padding: 15px 10px;text-align: center;}
.sub_cert ul li .cert_img {display: table-cell;vertical-align: middle;}
.sub_cert ul li .cert_img img {width: 100%;border: 2px solid #eee;}
.sub_cert ul li .cert_nm {font-weight: 500;padding-top: 10px;font-size: 15px;}

@media screen and (max-width: 1044px) {
	.sub_cert ul li {padding: 10px 5px;}
    .sub_cert ul li .cert_nm {font-size: 14px;}
}

@media screen and (max-width: 650px) {
    .sub_history ol li h2 {top: -4px;left: 24px;font-size: 20px;}
    .sub_history ol li dl {margin-left: 4px;padding: 50px 0 60px 44px;font-size: 14px;}
	.sub_history ol li dl::before {width: 1px;}
	.sub_history ol li dl::after {width: 8px;height: 8px;top: 4px;left: -3px;}
	.sub_history ol li dl dt {text-indent: -24px;}
	.sub_history ol li dl dd {padding-bottom: 20px;}
	
	.sub_cert {margin: 0;width: 100%;}
	.sub_cert ul li {width: 50%;}
    .sub_cert ul li .cert_nm {font-size: 14px;}
}