@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

img {max-width:100%; }

/* 서브페이지 */
.sub header {background-color:#091b28; border-bottom:3px solid #71cfc9; }
#subContainer {position:relative; width:100%}
#subContainer .subVisual{width:100%; height:400px; position:relative; background:#666 url('../../images/main/main_visual_01.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:#0a62a3; content:"";  width:25px; height:3px;  margin-bottom:15px; }
.subWrap h4.title {font-weight:900; font-size:1.1em; color:#2d5faf;}

/* 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;}


/* sitemap */
.sitemap {background: rgb(5,75,162); background: linear-gradient(90deg, rgba(5,75,162,1) 0%, rgba(0,19,73,0.9850315126050421) 100%); padding:12px; text-align:Center; color:#fff; font-size:1.3em; }
.sitemap_text {padding:10px 20px;}


/* KAISHOT */
.kaishot_section01 {position:relative; border:1px solid #ededed; background-color:#f7f7f7; padding:50px; }
.kaishot_section01 h4 {position:Relative; margin:50px auto 80px auto; width:150px; height:95px; padding-top:55px; color:#fff; font-size:1.3em; line-height:1.3em; text-align:Center; background: rgb(5,75,162); background: linear-gradient(0deg, rgba(5,75,162,1) 0%, rgba(0,19,73,0.9850315126050421) 100%); border-radius:50%; }

.kaishot_section01 ul {text-align:center; }
.kaishot_section01 ul li {position:relative; display:inline-block; width:300px; background-color:#fff; vertical-align:top; margin:0 30px; }
.kaishot_section01 ul li h5 {background-color:#052564; color:#fff; padding:15px;  font-family: 'Malgun Gothic', sans-serif; font-size:1.2em; font-weight:400;}
.kaishot_section01 ul li ul {border:1px solid #ededed;  padding:35px 0;}
.kaishot_section01 ul li ul li {margin:0px; background:none;}

.kaishot_section01 ul li.list01 {margin-top:-200px;}
.kaishot_section01 ul li.list03 {margin-top:-200px;}

.kaishot_section01 ul li span {position:Absolute; font-size:3em; color:#052564;}
.kaishot_section01 ul li.list01 span {right:-100px; transform:rotate(45deg); } 
.kaishot_section01 ul li.list02 span {top:-60px; left:50%; margin-left:-20px;  transform:rotate(-45deg); } 
.kaishot_section01 ul li.list03 span {left:-100px; transform:rotate(45deg); } 


.kaiohot_list01 li {float:left; width:calc(33.3% - 28px); margin-right:25px; border:1px solid #ededed; text-align:Center; }
.kaiohot_list01 li:last-child {margin-right:0; }
.kaiohot_list01 li img {max-width:calc(100% - 50px); max-height:250px; text-align:Center; padding:25px; }
.kaiohot_list01 li p {border-top:1px solid #ededed; padding:15px; background-color:#f3f3f3; }

.kaiohot_list02 li {float:left; width:calc(33.3% - 25px); margin-right:25px; text-align:Center; }
.kaiohot_list02 li:last-child {margin-right:0; }
.kaiohot_list02 li .img {border:1px solid #ededed; }
.kaiohot_list02 li img {max-width:calc(100% - 50px); max-height:250px; text-align:Center; padding:25px; }
.kaiohot_list02 li p {border-top:1px solid #ededed; padding:15px; background-color:#f3f3f3; }
.kaiohot_list02 li ul {margin-top:20px; }
.kaiohot_list02 li li {position:relative; width:calc(100% - 20px); margin-left:20px;  margin-right:0px; text-align:left;  padding:6px 0; }
.kaiohot_list02 li li:before {position:absolute; display:block; content:"";  top:12px; left:-10px; width:3px; height:3px; background-color:#222; border-radius:50%; }

.kais_list {text-align:center; }
.kais_list li {position:relative; float:left; }
.kais_list li.img {position:Relative; width:calc(19% - 2px); height:240px; border:1px solid #ededed; } 
.kais_list li.img img {max-height:200px; padding-top:20px; max-width:90%;}
.kais_list li.img p {background-color:#ededed; height:40px; line-height:40px; position:absolute; bottom:-40px; left:-1px; display:block; width:100%; border:1px solid #ededed; }
.kais_list li.txt {position:Relative; height:220px; width:8%; } 
.kais_list li.txt p {padding-top:50px; font-size:13px; word-break:keep-all;}
.kais_list li.txt p span {color:#abb5c0;  }
.kais_list li.txt .icon {position:Absolute; top:40%; width:100%; text-align:Center; }
.kais_list li.txt .icon span {font-size:50px; color:#abb5c0; }

.secretz {position:relative;  margin-top:-200px; margin-left:10px; width:500px;z-index:-1;}
.secretz img {width:500px;}

.gspectbl {border:0px solid; border-collapse:collapse;table-layout:fixed;}
.gspectbl th {background-color:#4A3B34; color:#fff; border-top:1px solid #C55A11; border-bottom:1px solid #C55A11;} 

.gspectbl tr {border-bottom:1px solid #C55A11;}
/*.gspectbl tr:nth-child(2n-1) {background-color:#E2E4F5;}*/
.gspectbl  td {padding:5px; color:#fff;}



.boxl {float:left;width:40%;background-color:#222A35;}
.boxr {float:left;width:60%;background-color:#222A35;}
.specbox {width:1000px;margin:30px auto 20px auto; border:1px solid #eeeeee; background-color:#222A35;height:600px;}
.titline {width:100%; border-bottom:3px solid #bababa;margin:10px auto;}
.titbox {display:inline-block; padding:3px 10px; line-height:30px;text-align:center;border:2px solid #fff; border-radius: 5px; font-weight:bold; font-size:20px; margin-top:200px; margin-bottom:40px; color:#D0D8E1; }
.titbox:nth-child(1) {margin-top:20px;}
.ptit {font-size:20px; font-weight:bold;padding:3px 10px; color:#fff; height:50px; line-height:50px;}
.pimg {width:100%;height:400px; border:0px solid; background-color:#222A35;}


.hisnav {width:1000px;margin:50px auto;text-align:center; height:50px;}
.hisnavbox {width:200px;height:50px;line-height:50px;float:left;margin:10px; border:2px solid #909090; border-radius:3px; color:#909090;;font-size:20px;}
.hisnavbox a {text-decoration: none; color:#909090;;font-size:20px;}
.hisnavbox:hover {border:2px solid #273175; color:#fff;font-weight:bold;background-color:#273175;}
.hisnavbox:hover a { color:#fff;}

.hisytit {height:70px;font-size:30px;color:#909090; font-weight:bold;border-bottom:1px solid #bababa;;}

.hisbox-l {width:48%;border:0px solid;float:left; padding:10px 5px 10px 5px;}
.hisbox-m {width:1px;border:0px solid;float:left;}
.hisbox-r {width:48%;border:0px solid;float:left; padding:10px 5px 10px 5px;}

.histxtbox {margin:0px auto; }
.histxtl {width:15%;float:left; padding:5px; color:#909090; font-weight:bold; font-size:18px;}
.histxtr {width:80%;float:left; padding:5px; color:#909090;font-size:18px;word-break:keep-all;}

.hisbigbox {width:100%;margin:50px auto;}

.hisbox-l:hover {border:3px solid #044E84; border-radius:3px;}
.hisbox-r:hover {border:3px solid #044E84; border-radius:3px;}
.hisbox-l:hover .hisytit {color:#044E84;}
.hisbox-l:hover .histxtl {color:#044E84;}
.hisbox-l:hover .histxtr {color:#555555;}

.hisbox-r:hover .hisytit {color:#044E84;}
.hisbox-r:hover .histxtl {color:#044E84;}
.hisbox-r:hover .histxtr {color:#555555;}