@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	font-family: inherit;   margin: 0;	padding: 0;	border: 0;	vertical-align: baseline;}

body {color: #303030; 	background-color: transparent;}
em {font-style: normal;}
ol, ul {	list-style: none;}
table {	border-collapse: separate;	border-spacing: 0;}
caption, th, td {	font-weight: normal;	vertical-align: middle;}
caption {text-indent:-9999px; height:0px;}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
hr, legend {display: none;}
a {color: #303030; text-decoration: none;}
select {	font-size: 11px;	font-family: "Nanum Gothic", Verdana, Tahoma, Arial, sans-serif;	vertical-align: middle;}
img{vertical-align: top; border: 0; padding: 0}
h1,h2,h3,h4,h5,h6{font-size: 100%;}

body {  font-family: 'Nanum Gothic',sans-serif;  font-size: 16px; color: #303030; background: url(../images/common/body_bg_02.jpg) no-repeat;background-size: cover}

.float_wrap:after{content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .float_wrap{display:block;}

#wrap { max-width: 1010px;  position: relative; margin: 0 auto;  }

#top_area{width: 100%;}

header{width: 100%; height:85px; position: relative}
.top_logo { position: absolute;  left: 0;  top: 20px;}
.top_sns { position: absolute;  right: 0;  top: 20px;}
.top_sns a { display: inline-block; width: 41px; height: 41px; background-position: center center; background-repeat: no-repeat; font-size: 0px; line-height: 0px; margin-left: 5px;  vertical-align: middle;}
.top_sns_btn1 { background-image: url("../images/common/sns_f.png");}
.top_sns_btn2 { background-image: url("../images/common/sns_t.png");}
.top_sns_btn3 {  background-image: url("../images/common/sns_b.png");}

.top_slogan { text-align: center;  color: #fff;   font-size: 2.500rem;  font-weight: 800;;}
.top_slogan small {font-size: 1.25rem;  display: block; font-weight: 100; margin-top: 20px; }
.top_slogan .vol{font-size:1.563rem }

.icon_wrap ul{margin: 0 auto; text-align: center; margin-top: 6%;}
.icon_wrap ul li {display: inline-block;  margin-right: 3%; background-color: #fff; border-radius: 5px; text-align: center; font-size: 0.875rem; font-weight: 600; background-position:center 20px; background-repeat:no-repeat;  }
.icon_wrap ul li a{ display: inline-block; width:110px; height: 100px;  padding-top: 68px; box-sizing: border-box}
.icon_wrap ul li.icon_01{background-image: url(../images/common/icon_01.png);}
.icon_wrap ul li.icon_02{background-image: url(../images/common/icon_02.png);}
.icon_wrap ul li.icon_03{background-image: url(../images/common/icon_03.png);}
.icon_wrap ul li.icon_04{background-image: url(../images/common/icon_04.png);}
.icon_wrap ul li.icon_05{background-image: url(../images/common/icon_05.png);}
.icon_wrap ul li.icon_06{background-image: url(../images/common/icon_06.png); margin-left: 0;}

#container{width: 100%; position: relative;  min-height: 560px; margin-top: 60px;}

.main_ccontent01 dl>dt, .main_ccontent02 dl>dt, 
.main_ccontent03 dl>dt, .main_ccontent04 dl>dt{font-size: 1.2em; font-weight: 800; margin-bottom: 10px;}
.main_ccontent01 dl>dd, .main_ccontent02 dl>dd{font-size: 1em; font-weight: 100; line-height: 1.5em;}
.main_ccontent03 dl>dd, .main_ccontent04 dl>dd{font-size: 0.95em; color: #f0f0f0; line-height: 1.5em;letter-spacing: -0.6px;text-align: left;}
.main_ccontent03 dl>dd, .main_ccontent04 dl>dd ul {overflow:hidden;display: block;vertical-align: top;}

/* .noticelink a{
   text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
} */
#container .main_ccontent01{position: absolute; width:690px; top: 0; left: 0;min-height: 280px; background: #fff; padding: 25px; box-sizing: border-box; }
#container .main_ccontent01 p{display: inline-block; width: 43%; height: 230px;  vertical-align: top;  overflow: hidden}
#container .main_ccontent01 p img, #container .main_ccontent02 p img{ width: 100%; min-height: 230px;}
#container .main_ccontent01.style p {width: 34%;padding-right: 4%;height: auto;display: table-cell;vertical-align: middle;}
#container .main_ccontent01.style p img, #container .main_ccontent02.style p img{ width: 100%; min-height: auto;}
#container .main_ccontent01.style div + div {padding-top: 20px;}
#container .main_ccontent01.style a {display: table;}
#container .main_ccontent01.style dl {width: 58%;height: auto;display: table-cell;}

#container .main_ccontent01 dl{display: inline-block; width: 52%; height: 230px; overflow: hidden; margin-left: 2.3%; vertical-align: top}

#container .main_ccontent02{ position: absolute; width:300px; height: 540px; top: 0; right: 0; background: #fff; padding: 20px; box-sizing: border-box; vertical-align: top}
#container .main_ccontent02 dl{display: inline-block; width: 100%;}
#container .main_ccontent02 p{ margin-bottom: 20px; display: inline-block; }

#container .main_ccontent03 a, #container .main_ccontent04 a {box-sizing: border-box; text-indent: -12px;padding-left: 12px;display: inline-block; color: #fff; width: 100%;}
#container .main_ccontent03, #container .main_ccontent04{ position: absolute; background-position: center 30px; width:335px; height: 240px;box-sizing: border-box;  text-align: center; padding: 2%; overflow: hidden}
#container .main_ccontent03 dt, #container .main_ccontent04 dt{ padding-left: 50px;color:#fff;display: inline-block; width: 90%; letter-spacing: -1px;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
#container .main_ccontent03 dd ul, #container .main_ccontent04 dd ul {padding-top: 0;/* padding-top: 30px; */}
#container .main_ccontent03 dd ul a {letter-spacing: -1.4px}

#container .main_ccontent03{text-align: left;background-size: 32px;background-color: rgba(72,109,164,0.85); background-image: url(../images/common/icon_07.png); background-repeat: no-repeat; left: 0; top: 300px;background-position: 30px 15px;}
#container .main_ccontent04{text-align: left;background-size: 32px;background-color: rgba(57,184,163,0.85); background-image: url(../images/common/icon_08.png); background-repeat: no-repeat; left: 355px; top: 300px;background-position: 30px 15px;}

/*서브 레이아웃*/
.sub_location {  width: 100%;  background-color: #cccccc;  position: relative;  margin: 0 auto;}
.sub_location .location_txt{display: inline-block;  line-height: 50px; padding-left: 1%; font-size: 0.875em}
.location_right {float: right}

.content_con { margin-bottom:3%;  border-bottom: 1px solid #cccccc; background-color: #fff;  }
.cont_tit { position: relative;  border-top: 1px solid #ccc;  border-bottom: 1px solid #ccc;  background-color: #fafafa;  padding: 25px 0;}
.cont_tit h3 {font-size: 1.250em;  color: #222;  padding-left: 35px;}
.date {  position: absolute;  right: 40px;  top: 40%;  font-size: 0.813em;  color: #999;}
.contents{padding: 5% 7%; box-sizing: border-box; position: relative; line-height: 1em; text-align: center; font-size: 1em}
.min_h885{ min-height: 885px;}

.contents article{color: #616161; line-height: 1.8em; letter-spacing: -0.06em;}
.contents article img{ max-width: 100%; margin-bottom: 10px;}
.contents-type2 article p{margin-top:1em;}

.next_bnt, .pre_bnt{display: inline-block; width: 48px; height: 95px; position: absolute; top:40%; margin-top: -0.5em;}
.next_bnt a, .pre_bnt a{display: inline-block; width: 48px; height: 95px}
.next_bnt{background: url(../images/common/next_btn.png) no-repeat; right: 0}
.pre_bnt{background: url(../images/common/pre_btn.png) no-repeat; left: 0}

.btn{background-color: #0063a4;color: #fff;padding: 5px 10px;font-size: 14px;}

/*전체기사 리스트*/
#container #popup_wrap {width:100%;  background:#f1f1f1;  position:absolute; top:0%; left:0%; z-index:9999; display:none;  padding: 5%;box-sizing: border-box } 
#mask {width:100%; height:100%; position:fixed; background:rgba(0,0,0,0.7) repeat; top:0; left:0; z-index:999; display:none;} 
.popup-cont01 {width:100%;}
.popup-cont01 button { width: 50px; height: 50px; background: none; border: 0; padding: 0; position: absolute; right: 0; top: 0}

.popup-cont01 ul.total_List{ padding: 0; margin-top:2%; }
.popup-cont01 ul.total_List li{ display: inline-block; width:23%; margin-right: 2%;vertical-align: top}
.popup-cont01 ul.total_List li img{ width: 100%; height:120px}
.popup-cont01 ul.total_List li:last-child {margin-right: 0; }
.popup-cont01 ul.total_List li .list_tit{ color: #303030; font-weight: 800 !important; margin-top:15px }
.popup-cont01 ul.total_List li .list_txt{ display: inline-block; color: #616161; font-size: 0.875em; margin-top:10px; line-height:1.5em; font-weight: normal}
.popup-cont01 ul.total_List li ul.list_txt li {text-indent: -10px;padding-left: 10px;width: 100%;}
.popup-cont01 ul.total_List li:last-child{ margin-right: 0;}


/* footer */
footer { background-color: #333333;}
.foot_inner {  width: 1010px;  position: relative;  margin: 0 auto;}
.foot_left {  font-size: 12px;  color: #d8d8d8;  font-style: normal;  position: absolute;  left: 0;  top: 23px;}
.foot_right {  float: right;}
.foot_home {  padding-left: 20px;  background-image: url("../images/common/f_home_bg.png");  background-repeat: no-repeat;  background-position: left center;  color: #d8d8d8;  line-height: 60px;  margin-right: 15px;}
.foot_home_wrap{  float: left;}
.btn_foot a {  color: #d8d8d8;  font-weight: bold; font-size: 12px;  display: block;  padding: 22px 40px 22px 15px;  background-image: url("../images/common/btn_foot_bg.png");  background-repeat: no-repeat;
  background-position: 90% center;}
.prev_new {  overflow:hidden;  background-color:#3f3f3f;  vertical-align:middle;  background-image: url("../images/common/btn_foot_bg.png");  background-position: 90% center;  background-repeat: no-repeat;  text-align:left;  position: relative;   z-index: 1;  width: 149px;}
.prev_new select {  width:100%;  background-color:transparent;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  vertical-align: middle;  font-size: 14px;  font-weight: bold;  font-family:'Nanum Gothic';
 margin-top: 0;  padding: 0 0 0 3px ;  position: relative;  border: 0px;  color: #d8d8d8;  width: 174px;  vertical-align: middle;  height: 60px;  line-height: 60px;  display: block;}
    *+ html .prev_new select{ padding-bottom: 15px;	}
.prev_new option {  color: #d8d8d8;  background-color: #3f3f3f;  vertical-align: middle;}
.foot_right:after {content:' ';clear:both;visibility:hidden;display:block;}
	*+ html .foot_right {display:block;}



@media only all and (max-width:1000px) {
 .icon_wrap { width: 100%; padding: 0 2%; box-sizing: border-box}
 .icon_wrap ul li {margin-right: 2%; }
 .icon_wrap ul li:last-child {margin-right:0; }
#container{ padding: 0 2% 2%; box-sizing: border-box}
#container .main_ccontent01, #container .main_ccontent02{display: block; width: 100%; margin-bottom: 10px; position: static;  height: 280px;}
#container .main_ccontent03, #container .main_ccontent04{display:block; position: static}
   
#container .main_ccontent02 p{display: inline-block; width: 43%; height: 230px;;  vertical-align: top;  overflow: hidden}
#container .main_ccontent02 p img { width: 100%;}
#container .main_ccontent02 dl{display: inline-block; width: 52%; height: 230px; overflow: hidden; margin-left: 2.3%; vertical-align: top}

#container .main_ccontent03, #container .main_ccontent04{ clear: both; position:static; display: inline-block; width:49%;}
#container .main_ccontent04{ clear: both; position:static; display: inline-block; width: 48%; float: right}
.wrap_content, .foot_inner, .content_con, .contents {width: 100%; }
 .contents, .min_h885{height: auto; padding-bottom: 3%}
   
   
}

@media screen and (min-width:1px) and (max-width:765px) {
   .icon_wrap ul li.icon_01, .icon_wrap ul li.icon_02, .icon_wrap ul li.icon_03, .icon_wrap ul li.icon_04, .icon_wrap ul li.icon_05, .icon_wrap ul li.icon_06{ width: 30%; box-sizing: border-box; }
   .icon_wrap ul li a{ display: inline-block; width: 100%; letter-spacing: -1px; overflow: hidden}
   .icon_wrap ul li.icon_03, .icon_wrap ul li.icon_06{margin-right: 0; margin-top: 2%;}   
   .foot_left{width:40%;}
   .next_bnt, .pre_bnt{top:20%; margin-top: -0.5em;}
   
   .popup-cont01 ul.total_List li{ display: inline-block; width:48%; margin-right: 2%; margin-top: 2%}
   .popup-cont01 ul.total_List li:nth-child(2){ margin-right: 0%;}

   
}



@media screen and (min-width:1px) and (max-width:500px) {
   #container{margin-top: 3%}
   #container .main_ccontent03, #container .main_ccontent04 {background-position:center 30%;}
   #container .main_ccontent03 dd, #container .main_ccontent04 dd{ display: none; }
   #container .main_ccontent03 dt, #container .main_ccontent04 dt{ white-space: normal;  width: 70%; margin-top: 56%}
   
   .min_h885{min-height:  auto}
   .content_con{margin-bottom: 2%}
   .date{display: none}
   .next_bnt, .pre_bnt{top:50%; margin-top: -0.5em;}
   .contents article{height:400px; overflow-y: scroll}
   
   .top_slogan { font-size: 1.563rem;  font-weight: 800;;}
   .top_slogan small {font-size: 0.75rem;  display: block; font-weight: 100; margin-top: 10px; }
   .top_slogan .vol{font-size:1.25rem }
   
   
}

/*컨텐츠용  css 시작*/ 

ul.tableCell{display: table}
ul.tableCell li{display: table-cell; vertical-align: top}
   
ul.inB{}
ul.inB li{display: inline-block; vertical-align: top; margin-bottom: 3%;}
ul.inB li.mg0{margin-bottom:0 !important;}


.fw_600{font-weight: 600}
.fw_800{font-weight: 800}

.fc3030{color: #303030;}
.fcblue{color: #003991;}

.sf{font-size: 0.9em; line-height: 1.5em}




h4{font-size: 1.250em; color: #303030; font-weight: 600}
h5{letter-spacing:0.0pt;font-weight:bold;font-size:12.0pt; line-height: 180%;}


/* 블릿 */
.tit1:before{display:block;content:'';overflow:hidden;width:1px;height:1px;background:url('../images/common/sp_img.png') no-repeat;background-size:90px auto;font-size:1px;color:transparent;letter-spacing:-7px;vertical-align:middle;white-space:nowrap}
.tit1:before,.tit2:before{display:block;content:'';position:absolute; left:0;}
.tit1 {position:relative;height:auto; padding-left:22px;font-weight:600; font-size:1.250em; line-height:30px; text-align:left; background-position:0 -60px}
.tit1:before{top:5px;width:14px;height:21px;background-position:0 -60px;}
*+.tit1{margin-top:35px;}
.tit2 {position:relative;height:auto; padding-left:20px; font-weight:600; font-size:1em; line-height:24px; text-align:left; color: #333;margin-top:20px;margin-bottom:10px;}
.tit2:before,.dlist dt:before,.dlist li:before{width:11px;height:11px;left:2px;top:7px;background:url('../images/common/mo_dot.gif') no-repeat center center}
.list_sn{list-style: none;}
.tit3{font-weight:bold;margin-top:10px;}
.tit3:before{content: '▣ '; }
.ti1{
   padding-left:68px;
}
.tit4{font-weight:bold; font-size:30px; margin-bottom:20px; margin-top:30px; line-height:1.5;}
.tit5{ font-size:18px; margin-bottom:20px;}
.tit6{ font-size:18px; margin:15px 0 10px;}

/* 리스트 */
.dlist dt{margin-top:20px;}
.dlist dt,.dlist li {position:relative;height:auto; padding-left:22px; font-weight:600; font-size:15px; line-height:24px; text-align:left;}
.dlist dd,
.ulist li,
p.list{position:relative;padding-left:15px;}
.list{margin:10px 0 0 5px;}
.list>li{position:relative;padding-left:15px;}
.list>li:before,
.dlist dd:before,
.ulist li:before,
p.list:before{
   display:block;content:'';position:absolute; left:0px; top:11px; width:5px;height:5px;background:#395091}
.dlist li a,.dlist > li.bold,.dlist li strong{font-size:15px;font-weight:bold;}
.dlist li span{font-size:15px;}
.dlist li .ulist li{margin-left:-26px;font-size:13px;font-weight:normal}
.ulist > li,.ulist .dep2 li:first-child,.dlist li,.dlist dd,.dlist + .ulist{margin-top:8px}
.dlist dt:first-child,.ulist > li:first-child,.ulist .dep2 li,.dlist li:first-child,.dlist.al2 li:nth-child(2),.dlist.wlist li,.ulist.wlist li{margin-top:0}
.ulist .dep2 li{position:relative;padding-left:12px;color:#757575}
.ulist .dep2 li:before{display:block;content:'';position:absolute; left:3px; top:12px; width:3px;height:3px;background:#757575}

.ulist .dep3 li{position:relative;padding-left:0;color:#757575}
.ulist .dep3 li:before{display:block;content:'';position:absolute; left:3px; top:12px; width:3px;height:3px;background:none;}


.ulist_none li:before{display: none;}
.ulist_none li{padding-left: 0 !important}



.hidden_word{position:absolute; height:0; left:-9999px; overflow:hidden; width:0; font-size:0;}
.lh180{line-height: 180%;}

.m0auto{margin: 0 auto}
.inBlock{display: inline-block}
.border_1{border: solid #E5E5E5 1px}

.border-img{ position:absolute;}
.border_con{ padding-top:10px;}
.border_txt{border: solid #E5E5E5 2px; height:115px;padding:20px;}
.border_txt li{ margin-left:130px;}
.border_txt1{border: solid #E5E5E5 2px; border-top:none; padding:20px;}
.border_txt1 li{ padding:10px;}
.border_txt1 li p{ padding:10px; text-align:right;}

/* 넓이 */
.w100{width:100%}
.w95{width:95%}
.w90{width:90%}
.w80{width:80%}
.w70{width:70%}
.w60{width:60%}
.w50{width:50%}
.w48{width:48%}
.w45{width:45%}
.w43{width:43%}
.w40{width:40%}
.w33{width:33%}
.w32{width:32%}
.w30{width:30%}
.w25{width:25%}
.w23{width:23%}
.w20{width:20%}

/* 여백 */
.mgb5{margin-bottom: 5px;}
.mgb10{margin-bottom: 10px;}
.mgb15{margin-bottom: 15px;}
.mgb20{margin-bottom: 20px;}
.mgb30{margin-bottom: 30px;}
.mgb40{margin-bottom: 40px;}
.mgb60{margin-bottom: 60px;}

.mgt0{margin-top: 0;}
.mgt10{margin-top: 10px;}
.mgt15{margin-top: 15px;}
.mgt30{margin-top: 15px;}

.mgl20{margin-left: 20px;}

.mgr2{margin-right: 2%}
.mgr3{margin-right: 3%}
.mgr5{margin-right: 5%}


.pd2{padding:2%; box-sizing: border-box;}
.pd3{padding: 3%; box-sizing: border-box;}
.pd5{padding: 5%; box-sizing: border-box;}
.pd10{padding: 10%; box-sizing: border-box;}


.img2{ overflow:hidden; padding-top:20px;}
.img2 li{float:left; text-align:center;}

/*정렬*/
.txt_left{text-align: left}
.txt_right{text-align: right}
.txt_center{text-align: center}

.valign_top{vertical-align: top}

/*테이블 스타일*/
.tb_type1 table { 
border-top: 1px solid #dedede;
border-left: 1px solid #dedede; 
width:100%;
}
.tb_type1.all_center tbody th, 
.tb_type1.all_center thead th, 
.tb_type1.all_center tbody td {  text-align: center;   padding:10px ;}
.tb_type1 th, .tb_type1 td {  border-bottom: 1px solid #dedede;  border-right: 1px solid #dedede;  font-size: 14px;  padding: 10px 0 10px 20px;  background-color:#fff;}
.tb_type1 thead th, .tb_type1 tbody th {  text-align: center;  padding-left: 0px;}
.tb_type1 th {  background-color: #fafafa;  color: #333333;  font-weight: bold;}
.tb_type1 td {  color:#333; text-align: left}
.tb_type1.all_center tbody td.tal{ text-align: left; }
.tb_type1.all_center tbody td.tar{ text-align: right; }
.tb_type1.all_center.style td {padding: 5px 10px 5px 10px;line-height: 160%;}

.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.cblue{
   color: blue;
   font-weight:bold;
}
.nobd{
   border:none;
}

.badge{color: #fff; font-weight: bold; padding:3px 10px; border-radius: 5px}
.badge.bg_blue{ background-color: #339; }
.badge.bg_violet{background-color: #800080;}

.ulist2{margin:20px 0;}
.ulist2 li{}
.ulist2 li ul{}
.ulist2 li ul li{padding-left:15px;}


.history {width: 93%;display: table;}
.history dl {overflow: hidden;display: table-row;}
.history dt {position: relative;z-index: 1;display: table-cell;width: 80px;height: 100%;text-align: center;}
.history dt:before {content: "";min-height: 200px;display: inline-block;position: absolute;top: 0;bottom: 0;left: 27px;background: #757575;width: 1px;height: 100%;z-index: -1;}
.history.type1 dt:before {min-height: 260px;}
.history dt span {display: block;width: 50px;height: 50px;line-height: 50px;background: #fff;border: 1px solid #ddd;border-radius: 50px;}
.history dd {display: table-cell;}
.history dd > div {background: #eee;margin: 5px 0;padding: 5px 10px;}
.history dl:last-child dt:before {display: none;}
.ulist .history ul li {padding-left: 0;}
.ulist .history ul li:before {background: none;}


dl.dl_color {display: table;margin-bottom: 5px;}
dl.dl_color dt {display: table-cell;padding-right: 5px;}
dl.dl_color dt span {width: 77px;text-align: center;background: #c3dbf2;text-align: center;display: block;}
dl.dl_color dd {display: table-cell;background: #ddd;width: 360px;padding: 0 10px;}
dl.dl_color.list_dl {margin-bottom: 0;}
dl.dl_color.list_dl dd {background: none;padding: 0;vertical-align: top;}
dl.dl_color.list_dl dt span {vertical-align: middle;height: 100%;display: table-cell;}
dl.dl_color.list_dl li {background: #ddd;width: 100%;display: block;padding: 0 10px;margin-bottom: 5px;}
.table_arr {text-align: center;}
.table_arr td.arr {padding: 7px;}
.table_arr td.box {border: 1px solid #8b8b8b;width: 110px;}
.table_arr td.box dt {height: 56px;text-align: center;padding: 3px 0;font-weight: bold;}
.table_arr td.box dt span {width: 110px;display: table-cell;height: 56px;vertical-align: middle;}
.table_arr td.box dd {background: #8b8b8b;color: #fff;}
.goLink {background: #fff;border: 1px solid #888;padding: 3px 5px;font-size: 15px;}
.table_style {background: #fff;padding: 20px;text-align: center;}
.table_style td {padding: 0 10px;vertical-align: top;}
.table_style td.img {vertical-align: middle;}