@charset "utf-8";

/* 서브페이지 */

#subContainer {position:relative; width:100%}
#subContainer .subVisual{width:100%; height:400px; position:relative; background:#666 url('../../images/main/bjfrt_main01.jpg') no-repeat center center; background-size:cover; display:table;}
#subContainer .subVisual .visualTxt {max-width:1200px; margin:0 auto; text-align:center;  display:table-cell; vertical-align:middle;  padding-top:106px;}
#subContainer .subVisual .visualTxt p {padding-top:10px;color:#fff; font-size:1.1em;  line-height:1.6em; word-break:keep-all;}
#subContainer .subVisual .visualTxt p.img{margin-bottom:0px; font-size:3.5em;  font-weight:900;}
#subContainer .subVisual .visualTxt p.img img{height:100%}



/* Util - name fixed */
#lnb { position:relative; height:57px; box-sizing:border-box; background-color:#fff; border-bottom:1px solid #d9d9d9;}
#lnb .lnbIn { position:absolute; left:0; top:0; z-index:10; width:100%; height:57px; box-sizing:border-box;}
#lnb .lnbIn:after {content:""; display:block; clear:both}
#lnb .lnbIn ul li {float:left; width:200px; display:block;  border-right:1px solid #d9d9d9;}
#lnb .lnbIn ul li.home {width:70px; border-right:0px solid #d9d9d9; background-color:#8d8d8d; }
#lnb .lnbIn ul li.home i {color:#fff ;  line-height:57px;}
#lnb .lnbIn ul li a {display:block;  line-height:57px;  padding:0 15px;  font-size:16px;  transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; background: url('../../images/icon/nav_arrow.gif') no-repeat 90% 50%; }
#lnb .lnbIn ul li.home a { display:block; text-align:center;  background:none;  height:57px !important; line-height:57px;}
#lnb .lnbIn ul li a:hover {color:#024583; text-decoration:none; overflow:hidden; }
#lnb .lnbIn ul li:hover a:after {content:""; display:block; position:absolute;}
#lnb .lnbIn ul li ul {overflow:hidden; max-height:0;  transition: all 400ms ease-in-out; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; }
#lnb .lnbIn ul li:hover ul { max-height:350px;}
#lnb .lnbIn ul li ul li {float:left; text-align:left; width:100%;}
#lnb .lnbIn ul li ul li:first-child {float:left; width:100%; }
#lnb .lnbIn ul li ul li:last-child {border-bottom:1px solid #d9d9d9;}
#lnb .lnbIn ul li.sub-menu ul li a {display:block; width:100%; color:#727272; font-size:15px; line-height:35px; border-top:0px;background:none; box-sizing:border-box; background-color:#fff;  border-left:1px solid #e0e0e0; }
#lnb .lnbIn ul li.sub-menu ul li a:hover	{ color:#fff; text-decoration:none; box-shadow:none !important; background-color:#024583;}

/* 서브 공통  */
.subWrap {position:relative; padding:80px 0;  min-height:500px; max-width:1200px; margin:0 auto;}
.subWrap h2 {font-weight:900; font-size:3em; color:#222;}
.subWrap h3 {font-weight:900; font-size:2em; color:#222;}
.subWrap h2.title {font-weight:900; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:15px; border-bottom:1px solid #ededed;  margin-bottom:20px;}
.subWrap h2.title.noline {font-weight:900; font-size:1.6em; color:#cd0013; line-height:1.3em; padding-bottom:10px; border-bottom:0px solid #ededed;  margin-bottom:0px;}
.subWrap h3.title {font-weight:900; font-size:1.3em; color:#222; line-height:1.5em;}
.subWrap h3.title:before {display:block; background-color:#d0170e; content:"";  width:25px; height:3px;  margin-bottom:15px; }
.subWrap h4.title {font-weight:900; font-size:1.1em; color:#222;}

/* Box Design */
.con_box01 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:25px 3%; color:#666; line-height:1.6em; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:keep-all; background-color:#fff; }
.con_box02 { position:relative; width:93%; border:1px solid #e5e5e5; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #eaeaea; word-break:break-all; background-color:#fafafa; }
.con_box03 { position:relative; width:93%;border:1px solid #b7c4d8; margin-top:20px; margin-bottom:10px; padding:15px 3%; font-size:14px; color:#666; line-height:24px; font-weight:normal; box-shadow:1px 2px 2px #d8dde1; word-break:break-all; background-color:#fff; }
.con_box04  { position:relative; width:93%;  margin-top:20px; margin-bottom:10px; padding:35px 3% ; font-weight:normal;  word-break:keep-all; background-color:#f7f7f9; }

ul.con_ul01 { position:relative; }
ul.con_ul01 li { padding:3px 0px 3px 15px; font-size:14px; color:#444; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../../images/icon/icon_ul03.gif") no-repeat 5px 15px; }
ul.con_ul02 { position:relative; }
ul.con_ul02 li { padding:3px 0px 3px 22px; font-size:14px; color:#666; line-height:24px; font-weight:normal; letter-spacing:-0.5px; word-break:break-all; background:url("../../images/icon/icon_ul02.gif") no-repeat 10px 13px; }

ul.con_ul01_2 { position:relative; }
ul.con_ul01_2 li { padding:0 0 0 13px !important;  background:url("../../images/icon/icon_ul03.gif") no-repeat 5px 10px; }


/* tableType */
.table-responsive {min-height: .01%;overflow-x: auto;  overflow-x: scroll;}


.tableType1{border-top:2px solid #000; width:100%}
.tableType1 table{width:100%}
.tableType1 table thead{background:#f7f8fa;}
.tableType1 table thead th{padding:13px 0; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;  color:#000; text-align:center;}
.tableType1 table thead th:first-child{border-left:0;}
.tableType1 table tbody th{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:8px 10px;  color:#000;  word-break:keep-all;   background:#f7f8fa}
.tableType1 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; padding:8px 10px;  line-height:30px; color:#555;  word-break:keep-all;  min-width:80px;}
.tableType1 table tbody td.text-center{text-align:center; padding:18px 0;}
.tableType1 table tbody td:first-child{border-left:0; }
.tableType1 table tbody th:first-child{border-left:0;}

.tableType2{border-top:2px solid #000}
.tableType2 .line{display:table; width:100%; border-bottom:1px solid #d9d9d9}
.tableType2 .line > div{display:table-cell; vertical-align:middle; padding:25px 20px; box-sizing:border-box; font-size:16px; line-height:26px}
.tableType2 .line .tit{display:table-cell; width:150px; color:#000;  background:#f7f8fa}
.tableType2 .line > div:nth-child(4){width:440px}
.tableType2 .line > div .addFile {position:relative}
.tableType2 .line > div .addFile input[type="file"]{position:absolute; top:0; left:0; width:395px; opacity:0;}
.tableType2 .line > div .addFile input[type="text"]{width:280px}
.tableType2 .line > div .addFile .find{display:inline-block; vertical-align:top; width:110px; height:52px; line-height:52px; box-sizing:border-box; color:#fff; background:#888; text-align:center; margin-left:4px;}
.tableType2 .line > div.fileList{padding:20px}
.tableType2 .line > div.fileList a{display:inline-block; margin-right:10px; padding:8px 53px 8px 20px; border:1px solid #e1e1e1; font-size:16px; color:#555; background:url('../../images/icon/addFile_icon.gif') no-repeat right 20px top 50% #f7f8fa}

.tableType3{border-top:2px solid #000; letter-spacing:-1px}
.tableType3 table thead th{padding:13px 0; border-bottom:1px solid #000;   color:#000; text-align:center; }
.tableType3 table thead th:first-child{border-left:0;}
.tableType3 table th{padding:13px 10px; border-bottom:1px solid #dcdcdc; font-size:16px !important;  line-height:1.4em; color:#000; background:#f7f8fa; vertical-align:middle;  word-break:keep-all}
.tableType3 table td {padding:10px 10px; border-bottom:1px solid #dcdcdc; font-size:15px !important;  line-height:1.4em; color:#555; vertical-align:middle; word-break:keep-all}
.tableType3 table td.vtop {vertical-align:top; }

.tableType4 table tbody{border-top:1px solid #dcdcdc;}
.tableType4 table tbody th{border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; background:#f7f8fa; padding:20px 50px;  color:#000; font-size:16px; line-height:24px;}
.tableType4 table tbody td{border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:16px; padding:10px 18px;   line-height:18px; text-align:center;}
.tableType4 table tbody th:first-child{border-left:0;}
.tableType4 table tbody td:first-child{border-left:0;}

.tableType5{border-top:2px solid #000; letter-spacing:-1px}
.tableType5 table{table-layout:fixed; width:100%;}
.tableType5 table th{padding:18px 28px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#000; background:#f7f8fa; vertical-align:middle;  text-align:center; word-break:break-all}
.tableType5 table td{padding:18px 10.5% 18px 20px; border-bottom:1px solid #dcdcdc; font-size:16px;  line-height:1.4em; color:#555; vertical-align:middle; word-break:keep-all; text-align:right;}
.tableType5 table thead th:first-child{border-right:1px solid #d9d9d9;}
.tableType5 table tbody tr.bold{font-weight:700}
.tableType5 table tbody tr.bold th{font-weight:700}
.tableType5 table tbody th{text-align:center; background:none; color:#555;  text-align:left; border-right:1px solid #d9d9d9;}

.swiperArea .mCSB_container {width:100% !important;}

/* tabMenu*/
#tabMenu { list-style:none;  text-align:Center;}
#tabMenu li {float:none;  display:inline-block; width:12.1%; height:50px; line-height:50px}
#tabMenu li a {display:block; border:1px #bdbdbd solid; background:#fff;   color:#999; font-size:14px;  }
#tabMenu li a.on {  background:#c71515; color:#fff;  border:1px solid #b50606; }
#tabMenu li:last-child {margin-bottom:40px;}


 .cimgr{ float:right;}
 .cimgl{ float:left;}
 .topcmt1{font-size:40px;color:#273175;margin-bottom:30px; font-weight:bold; text-align:right;}
 
 .topcmt2{font-size:25px;color:#555555;margin-bottom:30px; text-align:right;}
 .topcmt3{margin-top:30px;}
 .topcmt4{font-size:20px;color:#273175; font-weight:bold; text-align:left;}
 .cntbold{color:#273175;font-weight:bold;}

.tbl01 tr  {border-top:1px solid #41496E;}
.toptr {border-top:2px solid #41496E !important;}
.bttr {border-bottom:2px solid #41496E;}
 .tbl01 {width:750px; margin-top:30px;margin-bottom:30px; margin-left:225px;margin-right:auto;}

.tbl01 th {background-color:#F4F4F4;width:100px;padding:10px; color:#41496E; font-weight:bold;}
.tbl01 td {padding:10px;}


.coverview h3 {width:80px; }
.imgbox {text-align:center;margin-bottom:50px; }
.coverview .tbl01 {margin-top:-33px;}



.map_title {margin:10px 0; color:#1c1f21; font-size:16px; font-weight:bold; line-height:15px; padding-top:3px; border-left:5px solid #93bfda; padding-left:10px; margin-top:30px;}
.map_add {margin-top:10px; color:#1c1f21; font-size:12px; line-height:22px; padding-left:16px;}
	.map_add strong {font-weight:bold; font-size:1.1em;}



/*개인정보보호정책*/
.policy_tab {width:100%; height:50px;padding-left:100px; }

	.policy_tab div {float:left; width:150px; height:45px;}
		.policy_tab .btn_on a  {  color:#ffffff; font-weight:bold; line-height:20px; text-align:Center; background-color:#059eb5; display:block; width:150px; height:45px;} 
		.policy_tab .btn_on a:hover { color:#ffffff; } 

		.policy_tab .btn_off a {display:block; width:150px; height:45px; color:#555555; font-weight:bold; line-height:20px; text-align:Center; background-color:#f2f2f2;} 
		.policy_tab .btn_off a:hover { color:#059eb5; } 

.btn_on1 {margin-left:80px}
.btn_on1 a  {display:block; width:150px; height:30px; color:#555555; font-weight:bold; line-height:30px; text-align:Center; background-color:#cdcdcd;} 
.btn_on1 a:hover {  color:#ffffff; font-weight:bold; line-height:30px; text-align:Center; background-color:#059eb5; display:block; width:150px; height:30px;} 


.tab_title  {color:#ffffff; font-weight:bold; line-height:30px; text-align:Center; background-color:#059eb5; display:block; width:120px; height:30px;} 

.table02 {padding:0; margin-top:5px;}
	.table02 tbody tr th {padding-top:6px; font-size:14px; color:#ef7321; text-align:left; background-color:#fff; }
	.table02 tbody tr td {padding-top:0px; font-size:14px; color:#8c8c8c; line-height:18px; background-color:#fff;}

.table03 {position:relative; float:left; margin-top:5px; border-top:0px solid #675547; border-bottom:0px solid #675547;}
	.table03 tbody tr th {padding:10px 20px; font-size:14px; color:#595654; text-align:left; background-color:#fff; border-bottom:0px solid #dddddd; width:15%;}
	.table03 tbody tr td {padding:10px 20px; font-size:14px; color:#555555; line-height:22px; background-color:#fff; border-bottom:0px solid #dddddd; width:85%; letter-spacing:-0.01em;}
	.table03 tbody tr td img {margin-right:5px;}
	.table03 tbody tr td  strong {color:#499acc; font-size:15px; line-height:20px;}


#content{width:447px;margin:0 auto;border:0px solid;	float:left;}

#gallery_img{
	width:425px;
	height:450px;
	float:left;
	position:relative;
}

#lefty{
	width:23px;
	position:absolute;
	top:235px;
	left:10px;
}

#righty{
	width:23px;
	position:absolute;
	top:235px;
	right:10px;
}

#play, #pause{
	width:12px;
	position:absolute;
	top:239px;
	right:40px;
}

#play{
	display:none;
}

#expand{
	width:18px;
	position:absolute;
	top:478px;
	right:6px;
}

#thumbs{
	height:100px;
	width:845px;
	float:left;
	overflow:auto;
	margin-top:10px;
	white-space:nowrap;

}

.thumbs_style{
	display:inline-block;

}

.thumbs_style img{
	width:105px;
	height:80px;
	object-fit: contain;
	border-radius:3px;
	border:3px solid rgba(0,0,0,0.4);
}

.gallery_img_style{
	width:425px;
	height:450px;
   object-fit: contain;
	border-radius:3px;
	position:absolute;
}


#articles > table  {  border-collapse:collapse;width:550px;}
#articles table{display:inline-block;margin:5px; }

#articles > table  tr td  {border-bottom:1px solid #C7C7C8; text-align:center; }
#articles > table > tbody > tr > td > p {padding-top:3px; height:21px;line-height: 21px;}
#articles > table > tbody > tr > td:first-child {font-weight:bold !important;background-color:#EEEEEE;}
#articles > table > tbody > tr:first-child > td:first-child  {color:#fff;background-color:#29AADB;height:15px; font-weight:bold;}
#articles > table > tbody > tr:first-child > td {border-bottom:0px solid !important;}


.astop {width:700px;height:200px;background-color:#eee;position:relative;padding:20px;margin-bottom:30px;}
.astxt {font-size:15px;}	
.astxts {width:30%;margin:1px;display:inline-block;height:300px;line-height:50px;text-align:center;margin:0 auto;}	
	.hexagon1 {
	margin:25px;
      width: 150px;
      height: 82.5px;
      background: white;
      position: relative;
	  display:inline-block;
	  text-align:center;
    }
    .hexagon1:before {
      content: "";
      position: absolute;
      top: -37.5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 75px solid transparent;
      border-right: 75px solid transparent;
      border-bottom: 37.5px solid white;
    }
    .hexagon1:after {
      content: "";
      position: absolute;
      bottom: -37.5px;
      left: 0;
      width: 0;
      height: 0;
      border-left: 75px solid transparent;
      border-right: 75px solid transparent;
      border-top: 37.5px solid white;
    }

	.hexagon1 i {line-height:50px;font-size:50px;}
.astxttop {font-size:16px; font-weight:bold;}
.ascontainer {height:500px;line-height:400px; text-align:center;}
.astop{float:right;border:1px solid #eee;width:700px;}
.asimg{float:left;}
.astopleft{float:left;left:300px;width:200px; height:170px; color:#fff; background-color:#AA3467; font-size:17px; line-height:30px; text-align:Center; padding-top:30px;border:1px solid;
	background:url(/include/images/vision_left.png) 50% 50% no-repeat;}
.astxt1{height:100px;color:#fff;line-height:23px;padding:40px 10px;}
.astopright{padding:20px;float:left;width:450px;height:160px;font-size:14px;}


.partner_over { background-color:#eeece1; border:1px solid #d9d9d9; width:150px; height:30px;margin:0 auto;line-height:40px;text-align:center;}
.partner_over i {display:inline;}
.partner_over a {  width:150px; height:30px; display:block;}
.partner_over a:hover {background-color:#aa3467; border:1px solid #d9d9d9;  width:150px; height:30px; display:block; color:#fff;}
 

.arrow_r {width:25px; height:25px;border:1px solid #fff; text-align:center; line-height:22px; font-weight:bold;}

.prtable01 {width:500px; display:inline-block;margin:5px; }
.prtable01 tr th{width:235px;height:30px;padding:5px;font-size:13px; font-weight:bold !important;text-align:center;background-color:#eee;}
.prtable01 tr {padding:5px;font-size:13px;border-bottom:1px solid #bababa !important;}
.prtable01 tr td{width:300px;}


.prtable00 {width:700px; display:inline-block;margin:5px; }
.prtable00 tr th{width:235px;height:30px;padding:5px;font-size:13px; font-weight:bold !important;text-align:center;background-color:#eee;}
.prtable00 tr {padding:5px;font-size:13px;border-bottom:1px solid #bababa !important;}
.prtable00 tr td{width:390px;}


.ceomsg { letter-spacing:-1px; word-spacing:2px;}

/* 사이트맵 *********************/
.sitemap { background-color:#406ea8; border:1px solid #23599c; padding:7px 0 8px 0px; font-size:12px; color:#fff; font-weight:bold; text-align:center; letter-spacing:-0.1em;}
	.sitemap  span {display:none;}

.sitemap_shadow {background-color:#F3F2F2; height:2px;}
.sitemap_line {background-color:#EDEDED; height:1px;}

.sitemap_text {text-align:left;font-size:14px; color:#868686; padding:8px 0 4px 2px; letter-spacing:-0.05em; font-weight:normal;  }
.sitemap_text A:link {text-align:left;font-size:14px; color:#868686; text-decoration:none; padding:8px 0 4px 2px; letter-spacing:-0.05em; font-weight:normal;}
.sitemap_text A:visited {text-align:left;font-size:14px; color:#868686; text-decoration:none; padding:8px 0 4px 2px; letter-spacing:-0.05em; font-weight:normal;}
.sitemap_text A:active {text-align:left;font-size:14px; color:#868686; text-decoration:none; padding:8px 0 4px 2px; letter-spacing:-0.05em; font-weight:normal;}
.sitemap_text A:hover {text-align:left;font-size:14px; color:#6497d9; text-decoration:underline; padding:8px 0 4px 2px; letter-spacing:-0.05em; font-weight:normal;}

.hislist {display:inline-block; margin:15px; width:320px;height:500px; box-shadow: 5px 5px 5px 5px #eee;}

#headerm {position:absolute; top:0px; left:0px; width:100%;  background-color:#000; background-color:rgba(0,0,0,0.5); z-index:1001; min-width:1200px; }
#headerInnerm{position:relative; width:100%; max-width:1200px; margin:0px auto;}
#headerInnerm .logo{position:absolute; top:0; left:1%; z-index:9991; }
#headerInnerm .logo a {display:block; margin-top:25px; width:300px; height:50px;  line-height:50px; background:url(/images/common/logo_mark.png) no-repeat 0 50%; color:#fff; background-size:45px auto ; padding-left:50px; font-size:20px;font-weight:bold;}
#headerm .fixed .logo a img {display:none;  }