* { box-sizing: border-box; font-family: 'Noto Sans KR', Arial, Helvetica, sans-serif; }

/*********** z-index 정리 ************/
/*
#gnb_box nav : 4
#header : 4
#header .searchWrap : 40
.searchWrap .searchbox : 100
.calconWrap .contop .section1:after : 100
.dropdown-content : 1
.sidenav : 1
.sidenav01 : 1
.pageNavi : 1
.linkSlider .linkSliderWidth .linkSliderIn > a : 1
.submenuLayout .pageNavi : 3

*/
/***********************************/





/****************** 공통 ********************/

/* header : 상단메뉴 */
#header {width: 100%; background: rgba(0,0,0,.7);position: absolute; top: 0; height: 153px; overflow: hidden; -webkit-transition: background .3s ease; z-index: 4;}
#header.active {}
#header .tnbWrap {width: 100%; background: #fff;}
#header .tnb {max-width: 1200px;width: 100%;height: 153px;margin: 0 auto;position: relative;}
#header h1 a {background:url('/images/common/logo.png')no-repeat;width: 180px; height:48px; top: 57px;font-size:0;text-indent:-9999px; position: absolute; left:0;}
#header .link {position:absolute;top:68px;right:0; border: #d4d4d4 1px solid; padding: 4px 10px; font-size: 14px; font-weight:normal;font-family:'Noto Sans KR', sans-serif; letter-spacing: -1px; color: #6f6f6f; display: inline-block;}
#header .link:hover {background: #4d4d4d; border: #4d4d4d 1px solid; color: #fff;}
#gnb_box {width: 820px;position: absolute;top:0;/* left: 400px; */right: 120px;}
#gnb_box nav {width: 100%;position: relative;clear: both;z-index: 4;}
#gnb_box nav .dep1 {width: 100%; margin: 0 auto; padding: 0; height: 153px; position: relative;}
#gnb_box nav .dep1 > ul {overflow: hidden;}
#gnb_box nav .dep1 > ul > li {position:relative;float:left;}
#gnb_box nav .dep1 > ul > li:last-child {background:none;}
#gnb_box nav .dep1 > ul > li:nth-child(1) {width: 15%;} 
#gnb_box nav .dep1 > ul > li:nth-child(2) {width: 16.5%;} 
#gnb_box nav .dep1 > ul > li:nth-child(3) {width: 12%;} 
#gnb_box nav .dep1 > ul > li:nth-child(4) {width: 22%;} 
#gnb_box nav .dep1 > ul > li:nth-child(5) {width: 14%;} 
#gnb_box nav .dep1 > ul > li:nth-child(6) {width: 10.5%;} 
#gnb_box nav .dep1 > ul > li:nth-child(7) {width: 10%;} 

#gnb_box nav .dep1 > ul > li > a {display:inline-block;font-weight:600;font-family:'Noto Sans KR', sans-serif;font-size:19px;color:#3e3e3e;margin:71px 0px 55px 0; letter-spacing: -1px; text-align: left;}
#gnb_box nav .dep1 > ul > li > a:hover {color:#3a9ee8;}
#gnb_box nav .dep2 {display:none; padding-top: 30px; width: 100%}
#gnb_box nav .dep2 li {text-align:left;}
#gnb_box nav .dep2 li a {font-weight:normal;font-family:'Noto Sans KR', sans-serif;font-size:16px;color:#c1c1c1; letter-spacing: -1px; display: inline-block; height: 30px; line-height: 30px; margin-bottom: 5px;}
#gnb_box nav .dep2 a:hover {border-bottom:1px solid #fff; color: #fff;}
#header .tnb #moMenu {display: none;}
#header .tnb #pcallMenu {display: block; position:absolute; right:0; bottom:0; height: 28px; background:url('/images/common/btn_allmenu.png') 68px center no-repeat #bebebe; border-radius:5px 5px 0 0; font-size:12px; font-weight:600; color:#fff; padding:0 38px 0 15px; z-index:999;}
#header .tnb #pcallMenu.open {background:url('/images/common/btn_allmenu_on.png') 68px center no-repeat #6fbce8;}


/* 전체메뉴 */
.allMenuArea {display:none;position:absolute;top:153px;left:50%;float:left;max-width: 1200px;width: 100%;z-index:10000;text-align:center;margin-left:-600px;font-size:0;}
.allMenuArea > ul {position:relative;display:inline-block;max-width: 1200px;width: 100%;background-color:#fafafa;text-align:left;border:1px solid #bbb;}
.allMenuArea > ul > li {width: 20%; display:table-cell; padding:20px; font-size:14px; border-left:1px solid #e5e5e5; vertical-align:top;}
.allMenuArea > ul > li span{float:left; width:100%; height: 34px; line-height: 34px; font-size: 16px; color: #fff; font-weight: bold; text-align: center;}
.allMenuArea > ul > li:nth-child(2n) span {background-color:#3d9ae0;}
.allMenuArea > ul > li:nth-child(2n-1) span {background-color:#6fbce8;}
.allMenuArea > ul > li:first-child{float:left;}
.allMenuArea > ul > li.long {height: 1006px;}
.allMenuArea > ul > li.short1 {position:absolute; right:0; top:200px; border:0;}
.allMenuArea > ul > li.short2 {position:absolute; right:0; top:330px; border:0;}
.allMenuArea > ul > li.short1 span, .allMenuArea > ul > li.short2 span{background-color:#bebebe;}
.allMenuArea > ul > li > ul{float:left;}
.allMenuArea > ul > li .depth01 {margin-top: 10px; width:100%;}
.allMenuArea > ul > li .depth01 > li:last-child .depth02 {border-bottom:none;}
.allMenuArea > ul > li .depth01 > li > a {background:url('/images/common/listBL_blue.png') 11px center no-repeat; padding: 6px 0 6px 26px; border-bottom: 1px solid #e5e5e5; display: block; color: #616161;transition: none;}
.allMenuArea > ul > li .depth01 > li > a:hover {color: #50a3e1;}
.allMenuArea > ul > li .depth02 {padding: 10px 0px 10px 36px;border-bottom: 1px solid #e5e5e5;}
.allMenuArea > ul > li .depth02 > li {position: relative;}
.allMenuArea > ul > li .depth02 > li:after {width: 4px; height: 1px; background: #565656; content: ''; display: inline-block; position: absolute; left: -9px; top:11px; color: #616161;}
.allMenuArea > ul > li .depth02 > li a {color: #616161; line-height: 1.6;}
.allMenuArea > ul > li .depth02 > li a:hover {color: #50a3e1;}
.allMenuArea > ul > li .depth02 > li:hover:after {background: #50a3e1;}
.allMenuArea .allClose{position:absolute; right:1px; bottom:1px; width:50px; height:50px; background:url('/images/common/pop_close.png') center no-repeat #6fbce8;}

/* container */
#container {margin-top: 153px;}

/* footer */
#footer {width: 100%; margin: 0 auto; background: #2f2f2f; padding: 60px 0; overflow: hidden;}
#footer .footerWidth {width: 1200px; margin: 0 auto; position: relative;}
#footer .footerWidth img {position: absolute; top:28px; left: 0;}
#footer .footerWidth ul {margin: 0 0 0 220px;overflow: hidden; margin-bottom: 35px;}
#footer .footerWidth ul li {float: left; margin-right: 20px;  display: inline-block;}
#footer .footerWidth ul li a {color: #b8b8b8; font-size: 14px;}
#footer .footerWidth ul li:after {width: 1px; height: 10px; background: #565656; content: ''; display: inline-block; margin-left: 20px;}
#footer .footerWidth ul li:last-child:after {width: 0;margin-left: 0px;}
#footer .footerWidth strong {margin: 0 0 0 220px; margin-bottom: 5px; font-size: 15px; color: #7f7f7f}
#footer .footerWidth p {margin: 0 0 0 220px; font-size: 15px; color: #7f7f7f}







/****************** main ********************/

/* 메인 비주얼 */
.mainVisual {background:#292929 url('/images/main/mainVisual.jpg') center 0 no-repeat; width: 100%; height: 513px; padding: 55px 0;}
.mainVisual .mainVisualWrap {max-width: 1200px;height: 403px;width: 100%;margin: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.42);}
.mainVisual .mainVisualWrap h2 {font-size:0;text-indent:-9999px; background:url('/images/main/mainVisual_txt1.png') center 0 no-repeat; width: 383px; height: 79px; margin: 118px auto 0; position: relative;}
.mainVisual .mainVisualWrap h2:after {width: 53px; height: 1px; background: rgba(255,255,255,.5); content: ''; display: inline-block; position: absolute; top:120px; margin-left: auto; margin-right: auto; left:0; right:0;}
.mainVisual .mainVisualWrap h3 {font-size:0;text-indent:-9999px; background:url('/images/main/mainVisual_txt2.png') center 0 no-repeat; width: 228px; height: 18px; margin: 83px auto 0;}

/* 거래현황 */
.boardWrap {background: #6fbce8; width: 100%;}
.boardWrap .boardWidth {max-width: 1200px;width: 100%;margin: 0 auto;overflow: hidden;}
.boardWrap .boardbox {width: 33.0%; position: relative; float: left;}
.boardWrap .boardbox.left {padding: 50px 25px 40px 50px;}
.boardWrap .boardbox.right {padding: 50px 50px 40px 25px;}
.boardWrap .boardbox.center {padding: 50px 50px 40px 45px;}
.boardWrap .boardbox h4 {font-family:'Noto Sans KR', sans-serif; color: #fff; font-size: 22px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: #96ceee 1px solid;}
.boardWrap .boardbox .more {position:absolute;top:50px;width:30px;height:30px;background:url('/images/main/more.png') no-repeat 4px;}
.boardWrap .boardbox .more.left {right:25px;}
.boardWrap .boardbox .more.right {right:50px;}
.boardWrap .boardbox ul {}
.boardWrap .boardbox ul li {position: relative; line-height: 30px; overflow: hidden;}
.boardWrap .boardbox ul li a {white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding-right: 60px; box-sizing:border-box; color: #fff;font-family:'Noto Sans KR', sans-serif; font-size:15px; letter-spacing: -1px; display: block;}
.boardWrap .boardbox ul li .boardNum {position: absolute; display: block; top: 0; right: 0; color: #c1c1c1;font-family:'Noto Sans KR', sans-serif; font-size:15px; letter-spacing: -1px; display: inline-block;}
.boardWrap .boardbox ul li .boardNum span {color: #fff;}
.boardWrap .boardbox ul li .boardNum .stock {margin-left: 40px; padding-left: 14px;}


.boardWrap .boardbox ul li .boardNum .stock.up {background:url('/images/main/stock_up.png') center left no-repeat;}
.boardWrap .boardbox ul li .boardNum .stock.down {background:url('/images/main/stock_down.png') center left no-repeat;}

/* 아이콘 배너 */
.linkWrap {max-width: 1200px;width: 100%;margin: 0 auto;padding: 60px 0;overflow: hidden;}
.linkWrap ul {display:flex; align-items:center; justify-content:flex-start; width:100%;}
.linkWrap ul li {flex:1; width:auto;height: 120px;}
.linkWrap ul li a {display:block;background:url('/images/main/main_iconlist.png') no-repeat;width: 100%;height: 120px;position: relative;cursor: pointer;font-family:'Noto Sans KR', sans-serif;color: #404040;font-size: 16px;border-left: #e6e6e6 1px solid;transition: none;}
.linkWrap ul li a:hover {color: #50a3e1;}
.linkWrap ul li .right { border-right: #e6e6e6 1px solid;}
.linkWrap ul li span {position: absolute;display: flex;width: 100%;justify-content: center;align-items: center;height: 25px;text-align: center;line-height: 1.15;bottom: 13px;letter-spacing: -1px;}
.linkWrap ul li .link_A {background-position: -142px -105px;}
.linkWrap ul li .link_B {background-position: -339px -105px;}
.linkWrap ul li .link_C {background-position: -541px -105px;}
.linkWrap ul li .link_D {background-position: -743px -105px;}
.linkWrap ul li .link_E {background-position: -938px -105px;}
.linkWrap ul li .link_F {background-position: -1141px -105px;}
.linkWrap ul li .link_G {background-position: -1309px -102px;}
.linkWrap ul li .link_A:hover {background-position: -142px -245px;}
.linkWrap ul li .link_B:hover {background-position: -339px -245px;}
.linkWrap ul li .link_C:hover {background-position: -541px -245px;}
.linkWrap ul li .link_D:hover {background-position: -743px -245px;}
.linkWrap ul li .link_E:hover {background-position: -938px -245px;}
.linkWrap ul li .link_F:hover {background-position: -1141px -245px;}
.linkWrap ul li .link_G:hover {background-position: -1309px -244px;}

/* 콘텐츠 */
.calconWrap {width: 100%; background:#f4f4f4; border-bottom: #d4d4d4 1px solid;}
.calconWrap .conWidth {width: 1200px; margin: 0 auto; padding: 65px 0; overflow: hidden;}
.calconWrap .contop {overflow: hidden;}
.calconWrap .contop .section1 {float: left; width: 400px; height: 350px; background: #fff; padding: 40px; position: relative;}
.calconWrap .contop .section2 {float: left; width: 382px; height: 350px; background: #50a3e1; padding: 40px; position: relative;}
.calconWrap .contop .section3 {float: right; width: 398px; height: 350px; background: #fff; padding: 40px; position: relative;}
	/* 캘린더 */
	.calconWrap .contop .section1 header {position: relative; height: 45px; margin-bottom: 30px;}
	.calconWrap .contop .section1 header .monthNum {text-align: center; font-size: 30px; letter-spacing: -1px;color: #404040;}
	.calconWrap .contop .section1 header button {font-size: 0; text-indent: -5000px; width: 30px; height: 45px; position: absolute; top:0;}
	.calconWrap .contop .section1 header .cal_prev {background:url('/images/main/cal_prv.png') center no-repeat; left: 0px;}
	.calconWrap .contop .section1 header .cal_next {background:url('/images/main/cal_next.png') center no-repeat; right: 0px;}
	.calconWrap .contop .section1 .calTable { }
	.calconWrap .contop .section1 .calTable td {border-collapse: collapse; border: #cfcfcf 1px solid; text-align: center; color: #636363; letter-spacing: -1px; width: calc(100% / 7);}
	.calconWrap .contop .section1 .calTable td a {display: block; padding: 8px 0;transition: none;}
	.calconWrap .contop .section1 .calTable.cal_4 td a{padding: 13px 0;}
	.calconWrap .contop .section1 .calTable.cal_6 td a{padding: 5px 0;}
	.calconWrap .contop .section1 .calTable td a:hover {color: #fff;transition: none;background: #4ba3e5;}
	.calconWrap .contop .section1 .calTable td:hover {}
	.calconWrap .contop .section1 .calTable .issue a {color: #039ddd; transition: none; background: #dff0fd;}
	.calconWrap .contop .section1 .calTable td.select {background: #4ba3e5;}
	.calconWrap .contop .section1 .calTable .select a {color: #fff;transition: none;}
	/* 캘린더 내용 */
	.calconWrap .contop .section2 header {position: relative; margin-bottom: 30px;}
	.calconWrap .contop .section2 header h3 {text-align: left; font-size: 25px; letter-spacing: -1px; color: #fff;}
	.calconWrap .contop .section2 header .cal_more{position:absolute;top:5px;right:0;width:30px;height:30px;background:url('/images/main/cal_more.png') no-repeat 0px;}
	.calconWrap .contop .section2 .txt {line-height: 1.5; color: #fff; font-size: 23px;display: inline-block; display: -webkit-box; display: -ms-flexbox; max-height: 140px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
	.calconWrap .contop .section2 .dayNum {display:none; position: absolute; bottom: 0; left: 0; font-size: 15px; color: #fff;}
	.calconWrap .contop .section2 .calView_close {display:none;}
	.calconWrap .contop .section2 .allView {position: absolute; bottom: 40px; right: 40px; width: 120px; height: 39px; background: #3d92d2; color: #fff;}
	.calconWrap .contop .section2:before {position: absolute;background:url('/images/main/arrow_right.png') 0 center no-repeat; left: -1px; display: inline-block; content: ''; width: 20px;top: 161px; height: 30px; z-index: 100;}
	/* 주요지표 */
	.calconWrap .contop .section3 header {position: relative; margin-bottom: 16px;}
	.calconWrap .contop .section3 header h3 {text-align: left; font-size: 25px; letter-spacing: -1px; color: #3d9ae0;}
	.calconWrap .contop .section3 header .indexMore {position:absolute;top:5px;right:0;height:30px; padding-right: 20px; background:url('/images/main/cal_plus.png') center right no-repeat; font-size: 12px; color: #999;}
	.calconWrap .contop .section3 .indexBox {position: relative; overflow: hidden;}
	.calconWrap .contop .section3 .indexBox.border {border-bottom:#c9c9c9 1px solid; padding-bottom:0; margin-bottom:15px;} 
	.calconWrap .contop .section3 .indexBox .indexNum {display:inline-block; width:75%; height:48px; font-size:35px; font-weight:600; text-align:right; color:#404040; line-height:30px;} 
	.calconWrap .contop .section3 .indexBox .indexNum_s {font-size: 14px; font-weight: normal; text-align: right;padding-left: 22px; float: right; margin-right:3px;}
	.calconWrap .contop .section3 .indexBox .indexNum_s.up {background:url('/images/main/index_up.png') center left no-repeat;}
	.calconWrap .contop .section3 .indexBox .indexNum_s.down {background:url('/images/main/index_down.png') center left no-repeat;}
	.calconWrap .contop .section3 .indexBox .indexLabel {padding:3px 8px; font-size:13px; letter-spacing:-1px ;color:#fff; background:#50a3e1; position:absolute; top:3px; left:0; text-align:center;} 
	.calconWrap .contop .section3 .indexBox .indexLabel.pp {background-color: #7197e2;}
	.calconWrap .contop .section3 .indexSlider > li:last-child > div > div > div:last-child {border-bottom:0;} 
	/* 하단배너 */
	.calconWrap .conbtm {margin-top: 55px; overflow: hidden; width: 100%;background: #585858;}
	.calconWrap .conbtm div {position: relative; float: left; display: table; height: 120px;}
	.calconWrap .conbtm div > a{display: table-cell; vertical-align: middle;}
	.calconWrap .conbtm dl dt {padding-left: 115px; font-size: 22px; color: #fff; margin-bottom: 3px;}
	.calconWrap .conbtm dl dd {padding-left: 115px; color: #fff; opacity:0.5; font-weight: normal; font-size: 14px;}
	.calconWrap .conbtm dl dd a {font-size: 14px; color: #fff; padding-right: 15px; background: url('/images/main/btm_arw.png') right center no-repeat; margin-right: 10px;}
	.calconWrap .conbtm div.btm_A dd a {color: #c3d3f8;}
	.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01.png') 45px center no-repeat; width: 401px;}
	.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02.png') 45px center no-repeat; width: 401px; cursor: pointer;}
	.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03.png') 45px center no-repeat; width: 398px; cursor: pointer;}

/* 기관링크 */
.linkSlider {width: 100%}
.linkSlider .linkSliderWidth {width: 1200px; margin: 0 auto;}
.linkSlider .linkSliderWidth .linkSliderIn {position: relative; padding: 30px 30px;}
.linkSlider .linkSliderWidth .linkSliderIn > div div {overflow: hidden; height: 50px; position: relative;}
.linkSlider .linkSliderWidth .linkSliderIn > a {position: absolute;  width: 40px; height: 43px; top:35px;  text-indent: -5000px; font-size: 0; z-index: 1;}
.linkSlider .linkSliderWidth .linkSliderIn a.link-prev {background: url('/images/main/link_prev.png') 0 center no-repeat; left: 0;}
.linkSlider .linkSliderWidth .linkSliderIn a.link-next {background: url('/images/main/link_next.png') 0 center no-repeat; right: 0;}
.linkSlider .linkSliderWidth .linkSliderIn div.link-list {height: 50px;}
.linkSlider .linkSliderWidth .linkSliderIn div.link-list .linkbar {width: 228px;}
.linkSlider .linkSliderWidth .linkSliderIn div.link-list .linkbar:after {width: 1px; height: 25px; background: #b2b2b2; content: ''; display: inline-block; position: absolute; right: 0px; top:13px;}
.linkSlider .linkSliderWidth .linkSliderIn div.link-list .linkbar:last-child:after {/*width: 0;*/}
.linkSlider .linkSliderWidth .linkSliderIn div.link-list .linkbar a img {width: 205px; height: 51px; padding-left: 20px;}






/****************** sub ********************/

/* sub 상단 공통메뉴 */
.submenuLayout {width: 100%; height: 335px;}
.submenuLayout.subImg_01 {background: url('/images/common/subtopImg_01.png') center no-repeat;}
.submenuLayout.subImg_02 {background: url('/images/common/subtopImg_02.png') center no-repeat;}
.submenuLayout.subImg_03 {background: url('/images/common/subtopImg_03.png') center no-repeat;}
.submenuLayout.subImg_04 {background: url('/images/common/subtopImg_04.png') center no-repeat;}
.submenuLayout.subImg_05 {background: url('/images/common/subtopImg_05.png') center no-repeat;}
.submenuLayout .submenuWidth {width: 1200px; margin: 0 auto; height: 335px; position: relative;}
.submenuLayout h2 {font-size: 42px; color: #fff; position: absolute; top: 155px; left: 0px; font-weight: normal;}
.submenuLayout .pageNavi {height: 81px; width: 100%; background: #fff; border-bottom: #d6d6d6 1px solid; position: absolute;bottom: 0; z-index: 3}
.submenuLayout .pageNavi ul:after {display: block; content:""; clear: both;}
.submenuLayout .pageNavi .navi_dep {float: left; height: 81px; width: 31%; border-right: #d6d6d6 1px solid; position: relative;}
.submenuLayout .pageNavi .navi_dep.first {width: 7%;}
.submenuLayout .pageNavi .navi_dep.first a {background: url('/images/common/ico_home.png') center no-repeat; text-indent: -5000px; }
.submenuLayout .pageNavi .navi_dep.last {border: none;}
.submenuLayout .pageNavi .navi_dep > a {width: 100%; line-height:81px; display: block; padding: 0 35px; background:url('/images/common/ico_arrow_b.png') 90% 50% no-repeat; }
.submenuLayout .pageNavi .navi_dep > a.on {background:url('/images/common/ico_arrow_t.png') 90% 50% no-repeat; }
.submenuLayout .pageNavi .navi_dep .naviBox {position: absolute; top:80px; background: #f7f7f7; border: #d6d6d6 1px solid; padding: 20px 35px; right: -1px; left: -1px; display: none;}
.submenuLayout .pageNavi .navi_dep .naviBox li {}
.submenuLayout .pageNavi .navi_dep .naviBox a {padding: 7px 0; display: inline-block;}
.submenuLayout .pageNavi .navi_dep .naviBox a:hover,.submenuLayout .pageNavi .navi_dep .naviBox a:ACTIVE {color:#50a3e1;}

/* sub common */
.contentArea {width: 1200px; margin: 0 auto; padding: 60px 0;}
.contentArea .conWrap {width:100%; display:inline-block; padding: 60px 0px;}
	/* 2depth menu */
	.contentArea h3 {font-size: 30px;}
	/* 3depth menu */
	.contentArea .conWrap h4 {font-size: 22px; font-weight: normal; color: #2c8ade;  display:block;  margin-bottom: 30px;}
	/* 4depth menu */
	.contentArea .conWrap h5 {font-size: 20px; color: #50a3e1; background: url('/images/common/bullet.png') 0px center no-repeat; padding-left: 13px;}
	/* caption, title */
	.contentArea .conWrap h6.tablecaption {text-align: right; color: #373737; font-size: 15px; position: relative; }
	.contentArea .conWrap h6.tablecaption:after {width: 28px;height: 2px;background: #1c88d8;content: '';display: inherit;position:  absolute;right: 0;bottom: -6px;}
	.contentArea .conWrap .exWrap {display: block; overflow: hidden;}
	.contentArea .conWrap .exWrap .exclamation {color: #fff; font-size: 17px; background:#50a3e1 url('/images/common/ico_exclamation.png') 10px center no-repeat; border-radius:20px; padding: 5px 20px 5px 40px; display: inline-block; float: right; cursor: pointer;}
	/* text, img */
	.contentArea .conWrap p {line-height: 1.7;font-size: 16px;}
	.contentArea .conWrap p.mb40{margin-bottom:40px;}
	.contentArea .conWrap img {margin: 60px auto; display: block;}
	.contentArea .conWrap figure {display: table;margin: 60px auto;}
	.contentArea .conWrap figure > div {display: table-row;}
	.contentArea .conWrap figure > div > * {display: table-cell;}
	.contentArea .conWrap figure img {text-align: center; margin: 40px 0;}
	.contentArea .conWrap figure figcaption {text-align: right; color: #373737; font-size: 15px; position: relative; }
	.contentArea .conWrap figure figcaption:after {width: 28px;height: 2px;background: #1c88d8;content: '';display: inherit;position:  absolute;right: 0;bottom: -6px;}
	.contentArea .conWrap .explain {color: #1c88d8; font-size: 14px; display: inline-block; background:url('/images/common/starBL.png') 0px 0px no-repeat; padding-left:17px; clear: both;}
	.contentArea .conWrap .figcaption {text-align: right; color: #373737; font-size: 15px; position: relative; float: right;}
	.contentArea .conWrap .figcaption:after {width: 28px;height: 2px;background: #1c88d8;content: '';display: inherit;position:  absolute;right: 0;bottom: -6px;}
	/* table */
	.contentArea .conWrap table {}
	.contentArea .conWrap table caption {visibility:hidden; width:0; height:0; overflow:hidden; font-size:0; text-indent:-5000px;}
	.contentArea .conWrap table th,.contentArea .conWrap table td {border-collapse: collapse; text-align: center;}
	.contentArea .conWrap table th {padding: 10px 0; }
	.contentArea .conWrap table td {padding: 14px 0; }
	.contentArea .conWrap .contable_01 {width: 100%; margin: 40px 0;}
	.contentArea .conWrap .contable_01 th {background: #f3f3f3; border: #dadada 1px solid;}
	.contentArea .conWrap .contable_01 td { border: #dadada 1px solid;}
	.contentArea .conWrap .contable_01 td.left {text-align: left; padding: 14px 8px; }
	.contentArea .conWrap .contable_01 td span.listIcon {background: url('/images/common/listBL_gray.png') 0px 10px no-repeat; display: block; vertical-align:middle; padding-left:7px;}
	.contentArea .conWrap .contable_01 ul {text-align: left;}
	.contentArea .conWrap .contable_01 ul li {text-align: left; padding-left:20px;}
	/* 문장 style */
	.contentArea .conWrap .grayTextBox {border: 4px #f1f1f1 solid; padding: 25px 30px 30px 30px;}
	.contentArea .conWrap .grayTextBox ul {}
	.contentArea .conWrap .grayTextBox ul li {display: block; background: url('/images/common/listBL.png') 0px 11px no-repeat; padding-left: 13px; font-size: 15px; line-height: 1.6;}
	.contentArea .conWrap p.graytit {font-size: 16px; color: #50a3e1;}
	.contentArea .conWrap .grayTableBox {border: 4px #f1f1f1 solid; padding: 25px 30px 30px 30px; overflow: hidden;}
	.contentArea .conWrap .grayTableBox dl {width: 100%; display: block; overflow: hidden; margin-bottom: 8px;}
	.contentArea .conWrap .grayTableBox dl:last-child {margin-bottom:0px;}
	.contentArea .conWrap .grayTableBox dt, .contentArea .conWrap .grayTableBox dd {display: block; float: left;font-size: 15px; }
	.contentArea .conWrap .grayTableBox dt {background: url('/images/common/listBL.png') 0px 11px no-repeat; padding-left: 13px; color: #4e4e4e;}
	.contentArea .conWrap .grayTableBox dd {position: relative;padding-left:  20px;}
	.contentArea .conWrap .grayTableBox dd:before {width:1px;height: 12px;background: #919191;content: '';display: inherit;position:  absolute;left: 0;top: 6px;}
	.contentArea .conWrap .dscBox p.tit {font-size: 20px; color: #50a3e1; background: url('/images/common/bullet.png') 0px center no-repeat; padding-left: 13px;}
	.contentArea .conWrap .dscBox p.tit2 {padding: 0 20px 0 5px; background: #f1f1f1; font-size: 16px; color: #565656; display: inline-block; line-height: 1.7;}
	.contentArea .conWrap .dscBox p.tit2 span {padding: 2px 10px; margin-right:10px; background: #50a3e1; display: inline-block; color: #fff; line-height: 1.5;}
	.contentArea .conWrap .dscBox p.question {border-radius:7px; background: #f1f1f1; }
	.contentArea .conWrap .dscBox p.question span.queMark {border-radius:7px 0 0 7px; padding: 5px 15px;background: #50a3e1; color: #fff;display: inline-block;}
	.contentArea .conWrap .dscBox p.question span.queText {padding: 5px 15px;display: inline-block; color: #50a3e1;}
	/* tab */
	.subTab {width: 100%; margin-bottom: 50px; overflow: hidden; }
	.subTab li {float: left; padding-right: 2px;}
	.subTab li a {padding: 10px; background: #dedede; text-align: center; display: block; font-size: 16px;}
	.subTab li a:hover {background: #50a3e1; color: #fff;}
	.subTab li:last-child {padding-right: 0;}
	.subTab li.on a {background: #50a3e1; color: #fff;}
	.subTab.tab_6 li {width:calc(100% / 6);}
	.subTab.tab_3 li {width:calc(100% / 3);}
	.subTab.tab_4 li {width:calc(100% / 4);}
	.subTabWrap section {display: none;}
	/* iframe */
	/*.contentArea .conWrap .iframeWrap {width: 100%;}*/
	/*.contentArea .conWrap .iframeWrap iframe {width: 100%!important;}*/
	
	/* iframe */
	.iframeArea{position:relative; float:left; width:100%; max-width:1200px; height:700px; border:0 none; overflow:auto;}
	.iframeArea1{position:relative; float:left; width:100%; max-width:1200px; height:621px; border:0 none; overflow:auto;}

	/* paging */
	.boardPage {position:relative;width:100%;text-align:center;margin:35px auto;}
	.boardPage > span {display:inline-block; margin:0 1px;}
	.boardPage > span > a {display:table-cell; vertical-align:middle; width: 37px; height: 37px; text-align: center;border:1px solid #c2c2c2; font-size: 16px; color: #7c7c7c;}
	.boardPage > span > a > span {text-indent: -5000px; display: inline-block;}
	.boardPage > span > strong {display:table-cell; vertical-align:middle; width: 37px; height: 37px; font-weight: normal; background: #50a3e1; color: #fff; border:1px solid #50a3e1;}
	.boardPage .fst a {background:#f6f6f6 url('/images/common/page_front.png') no-repeat center;}
	.boardPage .prev a {background:#f6f6f6 url('/images/common/page_prev.png') no-repeat center;}
	.boardPage .next a {background:#f6f6f6 url('/images/common/page_next.png') no-repeat center;}
	.boardPage .lst a {background:#f6f6f6 url('/images/common/page_end.png') no-repeat center;}
	.boardPage .num a:hover {font-weight: normal; background: #50a3e1; color: #fff; border:1px solid #50a3e1;}
	
/* 국채연혁 */
.historyTab {width: 100%; margin-top: 70px; overflow: hidden;}
.historyTab li.history_A {}
.historyTab li {width:calc(100% / 5); float: left;}
.historyTab li a {width: 100%; height: 66px; display: block; position: relative;}
.historyTab li a span {position: absolute; width: 100%; text-align: center; top:0px; font-size: 21px; color: #6c6c6c;}
.historyTab li a .circle {position: absolute; width: 100%; height: 28px; background: url('/images/common/historyIcon.png') center no-repeat; margin: 0 auto; bottom:1px; z-index: 2;}
.historyTab li a .bar {position: absolute; width:100%; height: 8px; background: #d6d6d6; z-index: 1; bottom:12px;}
.historyTab li a:hover span,.historyTab li.on a span {color: #50a3e1;}
.historyTab li a:hover .bar,.historyTab li.on a .bar {background: #80c0ef;}
.historyTab li a:hover .circle,.historyTab li.on a .circle {background: url('/images/common/historyIcon_on.png') center no-repeat;}
.historyTab li:first-child a .bar {border-radius:5px 0 0 5px;}
.historyTab li:last-child a .bar {border-radius:0 5px 5px 0;}
.conWrap .historyWrap section {display: none;}
.conWrap .historyWrap section table {width: 100%; margin: 0;}
.conWrap .historyWrap section table th {padding: 14px 0; color: #50a3e1; font-size: 16px; text-align: left; border-bottom: #e7e7e7 1px solid;}
.conWrap .historyWrap section table td {padding: 14px 0; font-size: 16px; text-align: left; border-bottom: #e7e7e7 1px solid;}
.conWrap .historyWrap section table .many_top {border-bottom: none; padding: 14px 0 8px 0;}
.conWrap .historyWrap section table .many_mid {border-bottom: none; padding: 8px 0;}
.conWrap .historyWrap section table .many_btm {padding: 8px 0 14px 0;}
.conWrap .historyWrap section table .last {border-bottom: none;}

/* 캘린더 */
.vschd > section { position:relative;}
.vschd .ccld {width: 807px; float: left;}
.vschd .ccld header { position:relative; width:259px; height:334px; background:url('/images/common/cal_monthBg.png') center no-repeat; float: left; margin-right: 25px;}
.vschd .ccld .ccldT {position: relative;}
.vschd .ccld .ccldT h4{margin:0;}
.vschd .ccld .ccldT h4 > * {text-align: center; display: block; position: absolute; font-weight:normal; width: 100%;}
.vschd .ccld .ccldT b { font-size:28px; color:#ffffff; top:105px;}
.vschd .ccld .ccldT strong {top:163px; font-size:84px; color:#50a3e1;}
.vschd .ccld .ccldT span {top:275px; font-size:20px; color:#50a3e1;}
.vschd .ccld header button { position:absolute; top:185px; width:30px; height:80px;}
.vschd .ccld header button span { width:30px; height:80px;}
.vschd .ccld header .prev { left:0; background:url('/images/common/cal_prev.png') left center no-repeat;}
.vschd .ccld header .next { right:0; background:url('/images/common/cal_next.png') right center no-repeat;}
.vschd .ccld .ccldDiv { padding:27px; background:#fff; border:4px solid #6fbce8; float: left; width: 523px; height: 334px;}
.vschd .ccld table.cal { width:100%;}
.vschd .ccld .cal th { height:45px; font-size:18px; color:#323232; padding: 0; vertical-align: top; font-weight: normal;}
.vschd .ccld .cal th:first-child { color:#f35f4b;}
.vschd .ccld .cal th:first-child + th + th + th + th + th + th { color:#4ba3e5;}
.vschd .ccld .cal td { padding:2px 0; text-align:center; }
.vschd .ccld .cal td input { display:inline-block; width:61px; height:41px; margin:0; padding:0; background:#f4f4f4; border:0; font-size:18px; color:#636363;}
.vschd .ccld .cal.cal_6 td input {height:34px!important;}
.vschd .ccld .cal.cal_4 td input {height:52px!important;}
.vschd .ccld .cal td input.on,
.vschd .ccld .cal td input:hover,
.vschd .ccld .cal td input:focus { background:#4ba3e5!important; color:#fff!important; cursor:pointer;}
.vschd .ccld .cal td input.on2,
.vschd .ccld .cal td input.on2:hover,
.vschd .ccld .cal td input.on2:focus { background:#dff0fd!important; color:#4ba3e5!important; cursor:pointer;}
.vschd .ccld .cal td input.disabled { color:#e0e0e0 !important;}
.vschd .ccld .cal td input.disabled:hover,
.vschd .ccld .cal td input.disabled:focus { background:#f4f4f4!important; color:#e0e0e0!important; cursor:default;}
.vschd .ccld .cal td input.hday { color:#f35f4b;}
.vschd .ccld .cal td:first-child input { color:#f35f4b;}
.vschd .ccld .cal td:first-child + td + td + td + td + td + td input { color:#4ba3e5;}
.vschd .sdate {padding:25px; background:#f9f9f9; float: left; margin-left: 19px; width: 372px; height: 334px;}
.vschd .sdate:after { display:block; clear:both; content:"";}
.vschd .sdate .subcalView_close {display:none;}
.vschd .today { clear:both;}
.vschd .today header { padding-bottom:20px; font-size:38px; color:#4ba3e5; text-align: center;}
.vschd .today span.date {display: table; margin: 0 auto; border-bottom: 3px #4ba3e5 solid; font-size: 18px; height: 32px;}
.vschd .today ul {clear: both; margin-top: 35px; display: inline-block; display: -webkit-box; display: -ms-flexbox; max-height: 130px; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 6;}
.vschd .today li {font-size:15px; color:#737373; margin-bottom: 18px; text-align: center;}
.vschd .mschd { padding-top:50px; clear: both;}
.vschd .mschd header { padding:17px 0 20px; font-size:22px; color:#2c8ade;}
.vschd .mschd table { width:100%; background:#fff;}
.vschd .mschd thead th { height:53px; background:#f6f6f6; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:16px; color:#323232; font-weight: normal;}
.vschd .mschd td { padding:12px 0; border-bottom:1px solid #e8e8e8; font-size:16px; color:#323232; vertical-align:top;}
.vschd .mschd td:first-child { width:80px; padding-left:10px;}
.vschd .mschd td:first-child + td { text-align: left;}

/* 게시판 리스트 */
	/* 공통 */
	.contentArea .conWrap .contable_02 { width:100%; background:#fff; table-layout: fixed;}
	.contentArea .conWrap .contable_02 .table3W{width:10%;}
	.contentArea .conWrap .contable_02 thead th { height:47px; background:#f6f6f6; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:15px; color:#323232; font-weight: normal;}
	.contentArea .conWrap .contable_02 td { padding:11px 0; border-bottom:1px solid #e8e8e8; font-size:15px; color:#7c7c7c; vertical-align:middle;}
	.contentArea .conWrap .contable_02 td.left {text-align: left; padding: 11px 5px; }
	.contentArea .conWrap .contable_02 td.left a {color: #7c7c7c; display: block; text-overflow:ellipsis; white-space: nowrap; word-break:normal; word-wrap:normal; overflow: hidden; width: 100%;}
	.contentArea .conWrap .contable_02 td.left a:hover {color: #50a3e1}
	/* 게시판 상단 글수, 검색영역 */
	.contentArea .conWrap .board_txt {overflow: hidden; margin-bottom: 8px;}
	.contentArea .conWrap .board_txt p {font-size: 15px; color: #7c7c7c; float: left;}
	.contentArea .conWrap .board_txt p span {color: #50a3e1;}
	.contentArea .conWrap .board_txt fieldset {float: right;}
	.contentArea .conWrap .board_txt fieldset > legend {width: 0; height: 0; position: absolute; font-size: 0; line-height: 0; text-indent: -99999px; display: block;}
	.contentArea .conWrap .board_txt fieldset .selcet01 {
		-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;
		height: 33px; border: 1px solid #c2c2c2; line-height: 33px; font-size: 15px; color: #7c7c7c; width: auto;
		background:url('/images/common/select_arrow.png') right center no-repeat; vertical-align: bottom; display: inline-block; padding: 0 50px 0 40px;
	}
	.contentArea .conWrap .board_txt fieldset .selcet01::-ms-expand{display:none;}
	.contentArea .conWrap .board_txt fieldset .searchinput {display: inline-block; }
	.contentArea .conWrap .board_txt fieldset .searchinput input {color: #7c7c7c; height: 33px; border: 1px solid #c2c2c2; background: #fff; width: 300px; padding: 0 10px; vertical-align: middle;}
	.contentArea .conWrap .board_txt fieldset .selcetBtn {height: 33px; width: 70px; display: inline-block; background:#50a3e1; color: #fff; font-size: 15px; }
	/* 파일 */
	.file {}
	.file > a {display: inline-block; width: 22px; height: 22px; border: 1px solid #c2c2c2; }
	.file > a span {overflow: hidden; display: block; visibility: hidden;width: 17px; height: 15px;}
	.file .fileDown {background: #fff url('/images/common/board_ico_down.png') center no-repeat; margin-right: 5px;}
	.file .fileOpen {background: #fff url('/images/common/board_ico_open.png') center no-repeat;}
	.file .fileDown:hover {background: #50a3e1 url('/images/common/board_ico_down_on.png') center no-repeat; border-color: #50a3e1;}
	.file .fileOpen:hover {background: #50a3e1 url('/images/common/board_ico_open_on.png') center no-repeat; border-color: #50a3e1;}
	.file_layer {position:relative; display: none;}
	.file_layer > div {position: absolute; top:6px; right: 0; min-width: 600px; padding: 30px 40px 25px 20px; background: #fff; border: 1px solid #b0b0b0; box-shadow:0 2px 2px rgba(0,0,0,0.25); text-align: left; z-index: 10;}
	.file_layer li {margin-bottom:5px; background: url('/images/common/listBL_gray.png') left 11px no-repeat; padding-left: 10px;}
	.file_layer li > span {font-size: 13px; display: inline; margin-right: 15px; color: #555;}
	.file_layer b ,.file_layer i {display: inline-block; vertical-align: top; position: relative; font-size: 0; }
	.file_layer b {margin-right: 5px;}
	.file_layer b a {background: #fff url('/images/common/board_ico_down.png') center no-repeat;width: 22px; height: 22px; display: block;border: 1px solid #c2c2c2;}
	.file_layer i a {background: #fff url('/images/common/board_ico_open.png') center no-repeat;width: 22px; height: 22px; display: block;border: 1px solid #c2c2c2;}
	.file_layer b a:hover {background: #50a3e1 url('/images/common/board_ico_down_on.png') center no-repeat; border-color: #50a3e1;}
	.file_layer i a:hover {background: #50a3e1 url('/images/common/board_ico_open_on.png') center no-repeat; border-color: #50a3e1;}
	.file_layer .filelayer_close{display:block;position:absolute;top:20px;;right:20px;width:15px;height:15px;background:url('/images/common/pop_close_gray.png') no-repeat center;}

/* 게시판 상세 */
.contentArea .conWrap .contable_03 {width:100%; background:#fff;}
.contentArea .conWrap .contable_03 thead th {padding:12px 0; background:#f6f6f6; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:22px; color:#323232; font-weight: normal;}
.contentArea .conWrap .contable_03 tbody th, .contentArea .conWrap .contable_03 tbody td {border-bottom:1px solid #c2c2c2; font-size:15px;}
.contentArea .conWrap .contable_03 tbody th { color:#323232; position: relative;padding:12px 0;}
.contentArea .conWrap .contable_03 tbody th:after {width: 1px; height: 15px; background: #c2c2c2; content: ''; display: inline-block; position: absolute;right: 0; top:16px;}
.contentArea .conWrap .contable_03 tbody .fileTh:after {width: 1px; height: 15px; background: #c2c2c2; content: ''; display: inline-block; position: absolute;right: 0; top:auto;}
.contentArea .conWrap .contable_03 tbody td { color:#7c7c7c; text-align: left;padding:12px 25px;}
.contentArea .conWrap .contable_03 tbody td.con {padding: 40px;}
.contentArea .conWrap .contable_03 .fileArea {padding: 5px 0;}
.contentArea .conWrap .contable_03 .fileArea aside {margin-bottom:10px;}
.contentArea .conWrap .contable_03 .fileArea aside a.allfileDown {width: 120px; height: 26px; background: #fff url('/images/common/board_ico_down.png') 90% center no-repeat; border: 1px solid #c2c2c2; display: block; font-size: 13px; color: #7c7c7c; line-height: 24px; padding-left: 10px;}
.contentArea .conWrap .contable_03 .fileArea aside a.allfileDown:hover {background: #50a3e1 url('/images/common/board_ico_down_on.png') 90% center no-repeat; border: 1px solid #50a3e1;}
.contentArea .conWrap .contable_03 .fileArea .fileList li {margin-bottom:5px;}
.contentArea .conWrap .contable_03 .fileArea .fileList li:last-child {margin-bottom: 0;}
.contentArea .conWrap .contable_03 .fileArea .fileList li > span {font-size: 15px; display: inline; margin-right: 15px; color: #7c7c7c; font-weight: bold;}
.contentArea .conWrap .contable_03 .fileArea .fileList li > span > span {font-weight: normal;}
.contentArea .conWrap .contable_03 .fileArea .fileList b ,.contentArea .conWrap .contable_03 .fileArea .fileList i {display: inline-block; vertical-align: top; position: relative; font-size: 0; }
.contentArea .conWrap .contable_03 .fileArea .fileList b a {background: #fff url('/images/common/board_ico_down.png') center no-repeat;width: 22px; height: 22px; display: block;border: 1px solid #c2c2c2;}
.contentArea .conWrap .contable_03 .fileArea .fileList i a {background: #fff url('/images/common/board_ico_open.png') center no-repeat;width: 22px; height: 22px; display: block;border: 1px solid #c2c2c2;}
.contentArea .conWrap .contable_03 .fileArea .fileList b a:hover {background: #50a3e1 url('/images/common/board_ico_down_on.png') center no-repeat; border-color: #50a3e1;}
.contentArea .conWrap .contable_03 .fileArea .fileList i a:hover {background: #50a3e1 url('/images/common/board_ico_open_on.png') center no-repeat; border-color: #50a3e1;}
.contentArea .conWrap .buttonArea {margin-top: 30px; overflow: hidden;}
.contentArea .conWrap .buttonArea .bluebtn {width: 84px; height: 40px; font-size: 17px; color: #fff; line-height: 40px; display: block; background: #6fbce8;text-align: center; float: right;}
.contentArea .conWrap .buttonArea .bluebtn:hover {background: #50a3e1;}
.contentArea .conWrap .contable_04 {width:100%; background:#fff;margin-top: 30px; table-layout: fixed;}
.contentArea .conWrap .contable_04 tbody th {padding:12px 0px; background:#f6f6f6; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:15px; color:#323232; font-weight: normal;}
.contentArea .conWrap .contable_04 tbody th a {display: inline-block;padding-right: 15px;width: 80px;text-align:  center;}
.contentArea .conWrap .contable_04 tbody th a.btnPrev {background:url('/images/common/page_up.png') right center no-repeat;}
.contentArea .conWrap .contable_04 tbody th a.btnNext {background:url('/images/common/page_down.png') right center no-repeat;}
.contentArea .conWrap .contable_04 tbody td {padding:12px 25px;text-align: left;border-bottom:1px solid #c2c2c2; border-top:1px solid #c2c2c2; font-size:15px;}
.contentArea .conWrap .contable_04 tbody td a {color:#7c7c7c; display: block; text-overflow:ellipsis; white-space: nowrap; word-break:normal; word-wrap:normal; overflow: hidden;}
.contentArea .conWrap .contable_04 tbody td a:hover {color: #50a3e1}
.contentArea .conWrap .contable_04 tbody td:last-child {padding:12px 0;text-align: center;}

/* 다운로드 페이지 : 국채백서 */
.downloadArea {margin: 15px 0 35px 0; overflow: hidden;}
.downloadArea li a {width: 386px; margin-right: 20px; margin-bottom: 20px; height: 45px; line-height: 45px; padding: 0 0 0 10px; background: #eaeaea; float: left; border-radius:6px; border:1px solid #bfbfbf; display: block; position: relative; font-size: 14px; padding-right: 117px; text-align: center; color: #474040; font-weight: bold;}
.downloadArea li a:hover span {background-color: #50a3e1;}
.downloadArea li:nth-child(3n) a {margin-right:0;}
.downloadArea li span {width: 117px; background: #6fbce8 url('/images/common/ico_down_b.png') 81px center no-repeat; height: 45px; position: absolute; right: -1px; display: block; top:-1px; border-radius:0 6px 6px 0; color: #fff; padding-left: 22px; text-align: left; font-weight: bold;}
	/* 국고채 입찰결과 */
	.downloadArea.six li a {width: 188px; margin-right: 14px; margin-bottom: 20px; height: 45px; line-height: 45px; padding: 0 117px 0 0; background: #eaeaea; float: left; border-radius:6px; border:1px solid #bfbfbf; display: block; position: relative; font-size: 14px; text-align: center; color: #474040; font-weight: bold;}
	.downloadArea.six li:nth-child(3n) a {margin-right:14px;}
	.downloadArea.six li:nth-child(6n) a {margin-right:0;}
	.downloadArea.six li:nth-child(1) a,.downloadArea.six li:nth-child(2) a,.downloadArea.six li:nth-child(3) a,.downloadArea.six li:nth-child(4) a,.downloadArea.six li:nth-child(5) a,.downloadArea.six li:nth-child(6) a {margin-bottom:0;}
	
	

/* FAQ */
.faqArea {}
.faqArea li {margin-bottom: 8px;}
.faqArea li .que {overflow: hidden;  margin-bottom: 8px; position: relative; }
.faqArea li .que > div {display: table;width: 100%;}
.faqArea li .que a {width: 100%;padding: 12px 80px 12px 30px;background: #eaeaea url('/images/common/faq_down.png') right center no-repeat;float: left;border-radius: 0 6px 6px 0;border:1px solid #bfbfbf;border-left:  none;font-size: 17px;text-align: left;color: #474040;font-weight: bold;display:  table-cell;}
.faqArea li .que a.on {background: #eaeaea url('/images/common/faq_up.png') right center no-repeat;}
.faqArea li .que span {width: 117px;background: #6fbce8;border-radius:6px 0 0 6px;color: #fff;text-align: center;font-weight: bold;font-size: 28px;display:  table-cell;vertical-align:  middle;}
.faqArea li .an {padding: 35px 45px 35px 115px; border:1px solid #cfcfcf; background: #f7f7f7; position: relative; display: none;}
.faqArea li .an > span {display: block; font-size: 43px; color: #b7b7b7; position: absolute; top:20px; left: 46px;}
.faqArea li .an > div {border-left: 1px solid #cfcfcf; padding-left: 35px;}
.faqArea li .an > div p {font-size: 15px; line-height: 2; color: #474040;}
.faqArea .contable_05 { width:100%; background:#fff; table-layout: fixed; margin-top: 30px;}
.faqArea .contable_05 thead th { height:47px; background:#e7e7e7; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:15px; color:#323232; font-weight: normal;}
.faqArea .contable_05 td { padding:11px 0; border-bottom:1px solid #c2c2c2; font-size:15px; color:#7c7c7c; vertical-align:middle;}
.faqArea .contable_05 td.left {text-align: left; padding: 11px 5px; }

/* 사이트맵 */
.sitemapArea {width: 100%; overflow: hidden;}
.sitemapArea ol {}
.sitemapArea ol > li {width: 280px; float: left; background: #f6f6f6; padding-left:20px; padding-right:20px;}
.sitemapArea ol > li:nth-child(1),.sitemapArea ol > li:nth-child(2),.sitemapArea ol > li:nth-child(3) {margin-right: 25px;}
.sitemapArea ol > li:nth-child(4),.sitemapArea ol > li:nth-child(5){margin-bottom: 23px;}
.sitemapArea ol > li.long {height: 1006px;}
.sitemapArea ol > li.short {height: 320px;}
.sitemapArea ol > li .siteTit > span {height: 50px; line-height: 50px; font-size: 25px; color: #fff; font-weight: bold; display: block; width: 100%; text-align: center;}
.sitemapArea ol > li .siteTit > div {height: 63px; line-height: 63px; font-size: 25px; color: #474040; text-align: center; border-bottom: 2px solid;}
.sitemapArea ol > li:nth-child(1) .siteTit > span {background: #6fbce8;}
.sitemapArea ol > li:nth-child(2) .siteTit > span {background: #50a3e1;}
.sitemapArea ol > li:nth-child(3) .siteTit > span {background: #6894eb;}
.sitemapArea ol > li:nth-child(4) .siteTit > span {background: #5069be;}
.sitemapArea ol > li:nth-child(5) .siteTit > span {background: #6fbce8;}
.sitemapArea ol > li:nth-child(6) .siteTit > span {background: #50a3e1;}
.sitemapArea ol > li:nth-child(1) .siteTit > div {border-bottom-color:#6fbce8 }
.sitemapArea ol > li:nth-child(2) .siteTit > div {border-bottom-color: #50a3e1;}
.sitemapArea ol > li:nth-child(3) .siteTit > div {border-bottom-color: #6894eb;}
.sitemapArea ol > li:nth-child(4) .siteTit > div {border-bottom-color: #5069be;}
.sitemapArea ol > li:nth-child(5) .siteTit > div {border-bottom-color: #6fbce8;}
.sitemapArea ol > li:nth-child(6) .siteTit > div {border-bottom-color: #50a3e1;}
.sitemapArea ol > li .depth01 {margin-top: 10px;}
.sitemapArea ol > li .depth01 > li {}
.sitemapArea ol > li .depth01 > li:last-child .depth02 {border-bottom:none;}
.sitemapArea ol > li .depth01 > li > a {background:url('/images/common/listBL_blue.png') 11px center no-repeat; padding: 6px 0 6px 26px; border-bottom: 1px solid #e5e5e5; display: block; color: #616161;transition: none;}
.sitemapArea ol > li .depth01 > li > a:hover {background-image:url('/images/common/listBL_blue.png'), url('/images/common/sitemap_arrow.png'); background-position: 11px center, right center; background-repeat: no-repeat; background-color: #e5e5e5;transition: none;}
.sitemapArea ol > li .depth02 {padding: 10px 0px 10px 36px;border-bottom: 1px solid #e5e5e5; }
.sitemapArea ol > li .depth02 > li {position: relative;}
.sitemapArea ol > li .depth02 > li:after {width: 4px; height: 1px; background: #565656; content: ''; display: inline-block; position: absolute; left: -9px; top:11px; color: #616161;}
.sitemapArea ol > li .depth02 > li a {color: #616161; line-height: 1.8;}
.sitemapArea ol > li .depth02 > li a:hover {color: #50a3e1;}
.sitemapArea ol > li .depth02 > li:hover:after {background: #50a3e1;}

/* Link */
.linkArea {width: 100%; overflow: hidden;}
.linkArea ol {}
.linkArea ol > li {margin-bottom: 22px; width: calc(100% / 2 - 13px); float: left; background: #f6f6f6; padding:0 20px 20px 20px;}
.linkArea ol > li:nth-child(odd) {margin-right: 25px;}
.linkArea ol > li:nth-child(even) {margin-right: 0!important;}
.linkArea ol > li .siteTit > span {height: 50px; line-height: 50px; font-size: 25px; color: #fff; font-weight: bold; display: block; width: 100%; text-align: center;}
.linkArea ol > li .siteTit > div {height: 63px; line-height: 63px; font-size: 25px; color: #474040; text-align: center; border-bottom: 2px solid;}
.linkArea ol > li:nth-child(1) .siteTit > span {background: #6fbce8;}
.linkArea ol > li:nth-child(2) .siteTit > span {background: #50a3e1;}
.linkArea ol > li:nth-child(3) .siteTit > span {background: #6894eb;}
.linkArea ol > li:nth-child(4) .siteTit > span {background: #5069be;}
.linkArea ol > li:nth-child(5) .siteTit > span {background: #6fbce8;}
.linkArea ol > li:nth-child(6) .siteTit > span {background: #50a3e1;}
.linkArea ol > li:nth-child(1) .siteTit > div {border-bottom-color:#6fbce8 }
.linkArea ol > li:nth-child(2) .siteTit > div {border-bottom-color: #50a3e1;}
.linkArea ol > li:nth-child(3) .siteTit > div {border-bottom-color: #6894eb;}
.linkArea ol > li:nth-child(4) .siteTit > div {border-bottom-color: #5069be;}
.linkArea ol > li:nth-child(5) .siteTit > div {border-bottom-color: #6fbce8;}
.linkArea ol > li:nth-child(6) .siteTit > div {border-bottom-color: #50a3e1;}
.linkArea ol > li:nth-child(5) {float: right; margin-right: 0;}
.linkArea ol > li:nth-child(5) .depth01 > li {width: 100%; margin-right: 0;}
.linkArea ol > li .depth01 {margin-top: 10px;}
.linkArea ol > li .depth01 > li {width: calc(100% / 2 - 5px); float: left;}
.linkArea ol > li .depth01 > li:nth-child(odd) {margin-right:10px; }
.linkArea ol > li .depth01 > li:last-child .depth02 {border-bottom:none;}
.linkArea ol > li .depth01 > li > a {background:url('/images/common/listBL_blue.png') 11px 16px no-repeat; padding: 6px 0 6px 26px;  display: block; color: #616161;transition: none;}
.linkArea ol > li .depth01 > li > a:hover {background-image:url('/images/common/listBL_blue.png'), url('/images/common/sitemap_arrow.png'); background-position: 11px center, right center; background-repeat: no-repeat; background-color: #e5e5e5;transition: none;}


/****************** 접근성 ********************/
.screen_out {overflow: hidden; position: absolute; top:-9999px; left: -9999px; width: 1px; height: 1px; font-size: 1px;}





























/****************** 관리자 ********************/

/* top menu */ 
.topnav { overflow: hidden; background-color: #333; }
.topnav ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; }
.topnav ul span.home { float: left; padding: 14px 16px; margin: 0px 200px 0px 50px; color: white; }
.topnav ul span.admin { float: right; padding: 14px 16px; margin-right: 300px; color: white; }
.topnav ul span a { display: block; color: white; text-decoration: none; }
.topnav li { float: left; }
.topnav li:first-child {margin: 0px 0px 0px 200px;}
.topnav li a, .dropbtn { display: block; color: white; text-align: left; padding: 14px 16px; text-decoration: none; }
.topnav li a:hover, .dropdown:hover .dropbtn { background-color: red; color: white; }
.topnav li.dropdown { display: inline-block; }
.dropdown-content { display: none; position: absolute; border-top: 1px solid; border-color: white; background-color: #333; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; }
.dropdown-content a:hover { background-color: #f1f1f1 }
.dropdown:hover .dropdown-content { display: block; }

/* left menu */
.sidenav { height: 800px; width: 200px; position: fixed; z-index: 1; top: 46px; left: 0px; background-color: #111; overflow-x:visible; }
.sidenav ul { list-style: none; margin: 0px; padding: 0px; position: relative; text-align: left; }
.sidenav ul li a{ text-decoration: none; display: block; width: 200px; height: 35px; line-height: 35px; color: white; }
.sidenav li { width: 200px; background-color: #111; }
.sidenav ul li:hover{ background-color: #333; color: white; }
.sidenav ul ul { display: none; position: relative; left: 200px; top: -35px; }
.sidenav ul li:hover > ul { display: block; }
.sidenav ul li:hover > ul li:hover { background-color: red; }

.sidenav01 { height: 800px; width: 200px; position: fixed; z-index: 1; top: 0px; left: 0px; background-color: #111; overflow-x:visible; }
.sidenav01 ul { list-style: none; margin: 0px; padding: 0px; position: relative; text-align: left; }
.sidenav01 ul li a{ text-decoration: none; display: block; width: 200px; height: 35px; line-height: 35px; color: white; }
.sidenav01 li { width: 200px; background-color: #111; }
.sidenav01 ul li:hover{ background-color: #333; color: white; }
.sidenav01 ul ul { display: none; position: relative; left: 200px; top: -35px; }
.sidenav01 ul li:hover > ul { display: block; }
.sidenav01 ul li:hover > ul li:hover { background-color: red; }

/* content */
.content {background-color: #ffffff; padding: 10px; height: 750px; margin: 0px 0px 0px 200px;}

/* footer */
.footer {background-color: #f1f1f1; padding: 10px; }

/* 오류화면 */
.errorbg{display:inline-table; width:100%; background-color:#6fbce8; margin:0 auto; vertical-align:middle; letter-spacing:-2px;}
.errorIn{display:table-cell; vertical-align:middle; color:#fff;}
.error{position:relative; max-width:768px; height:368px; margin:30px auto; line-height:1.2;}
.errormasage{float:left; width:50%; height:100%;}
.errormasage p{font-size:44px; float:left; font-weight:600;}
.errormasage span{float:left; clear:left; font-size:16px; font-weight:400; line-height:1.4;}
.errormasage span.subcopy{font-size:22px; font-weight:600; color:#1151a0; margin:10px 0;}
.queryTel{float:right; background:url(../../images/common/error.png) right top no-repeat; width:358px; height:100%; padding:55px 50px 0 50px; text-align:center;}
.queryTel dt{display:inline-block; font-size:18px; padding-bottom:10px; border-bottom:2px solid #fff; margin-bottom:15px;}
.queryTel dd{font-size:40px; letter-spacing:-0.5px;}
.queryTel dd.subtel{display:inline-block; font-size:23px; vertical-align:bottom; letter-spacing:-1px;}
.queryTel dd.subtel span{display:inline-block; font-size:27px; line-height:1.1; vertical-align:top;}
.error .homelink a{float:left; background-color:#fff; font-size:20px; font-weight:600; color:#1151a0; border-radius:25px; text-align:center; padding:8px 20px 10px 20px; margin-top:20px;}

.mainPopup {z-index:999; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3);}
.content_p { margin: 0 auto; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 450px; height: 400px; background: url(/images/popup/testing_bg.jpg); letter-spacing: -1px;}
.title_small {display: flex;flex-direction: column;font-size: 20px; color: #000000;font-weight: 600; letter-spacing: -3px;}
.title_large {font-size: 55px; letter-spacing: -8px; margin-top: 8px;}
.date {width: 360px; height: 40px; background: #858585; border-radius: 20px; margin: 20px 0px 10px; text-align: center; font-size: 18px; color: #fff; line-height: 37px;}
.sign {display: flex; line-height: 23px; font-size: 16px; color: #4d4d4d; letter-spacing: -2px;}
.sign span::before {content: ''; display: block;background: url(/images/popup/red_point.svg);width: 16px; height: 16px;margin: 4px 4px 0 0;}
.sign:after {content:''; display:block; clear:both;}
.pop_footer {width:450px; height:30px; margin:0 auto;}
.pop_footer a {float:left; display:inline-block; width:50%; height:30px; color:#fff; text-align:center; font-size:13px; line-height:29px; background-color:#444; box-sizing:border-box;}
.pop_footer a:hover {background-color:#333;}
.pop_footer a:first-child {border-right:1px solid rgba(255, 255, 255, 0.15);}