@charset "UTF-8";



/************** 반응형 **************/
/*

320 이하 , 414 이하 : 모바일
415 ~ 679 : 태블릿1
680 ~ 767 : 태블릿2
768 ~ 1024 : 태블릿3
1024 이상 : 데스크탑


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

@media (max-width:414px) {
	/* header : 상단메뉴 */
	#header {background: #fff;height: 50px; }
	#header .tnb {width: 100%; height: 50px; margin: 0 auto; position: relative;}
	#header h1 a {background:url('/images/common/logo_mo.png')no-repeat center;width: 180px; height:36px;font-size:0;text-indent:-9999px;margin-left: auto; margin-right: auto; left:0; right:0; top:8px; background-size:110px auto;}
	#header .tnb #moMenu {display: block; width: 45px; height: 45px; background:url('/images/common/allMenu.png') center no-repeat; position: absolute; top:3px;right:7px;background-size:23px auto;}
	#header .eg{display:none;}
	/* container */
	#container {padding-top: 50px;}
	
	/* footer */
	#footer {padding: 20px 0;}
	#footer .footerWidth {width: 100%; }
	#footer .footerWidth img {display: none;}
	#footer .footerWidth ul {margin: 0; width: auto; text-align: center;}
	#footer .footerWidth ul li {margin-right: 3px; float: none;}
	#footer .footerWidth ul li a {font-size: 12px; line-height: 18px;}
	#footer .footerWidth ul li:last-child {margin-right: 0px;}
	#footer .footerWidth ul li:last-child:after{margin-left: 0px;}
	#footer .footerWidth ul li:after {height: 9px;margin-left: 6px;}
	#footer .footerWidth strong {display: none;}
	#footer .footerWidth p {font-size: 13px; margin: 8px 0 auto!important; text-align: center;}
	#footer .footerWidth p span {display: block;}
}

@media (min-width:415px) and (max-width:679px) {
	/* header : 상단메뉴 */
	#header {background: #fff;height: 55px; }
	#header .tnb {width: 100%; height: 55px; margin: 0 auto; position: relative;}
	#header h1 a {background:url('/images/common/logo_mo.png')no-repeat center;width: 250px; height:45px;font-size:0;text-indent:-9999px;margin-left: auto; margin-right: auto; left:0; right:0; top:5px; background-size:120px auto;}
	#header .tnb #moMenu {display: block; width: 50px; height: 50px; background:url('/images/common/allMenu.png') center no-repeat; position: absolute; top:2px;right:10px;background-size:25px auto;}
	#header .eg{display:none;}
	
	/* footer */
	#footer {padding: 20px 0;}
	#footer .footerWidth {width: 100%; }
	#footer .footerWidth img {display: none;}
	#footer .footerWidth ul {margin: 0; width: auto; text-align: center;}
	#footer .footerWidth ul li {margin-right: 6px; float: none;}
	#footer .footerWidth ul li a {font-size: 13px; line-height: 20px;}
	#footer .footerWidth ul li:last-child {margin-right: 0px;}
	#footer .footerWidth ul li:last-child:after{margin-left: 0px;}
	#footer .footerWidth ul li:after {height: 10px;margin-left: 10px;margin-top: 4px;}
	#footer .footerWidth strong {font-size: 13px; margin: 10px 0 auto!important; text-align: center; display: block;}
	#footer .footerWidth p {font-size: 13px; margin: 3px 0 auto!important; text-align: center;}
	#footer .footerWidth p span {}
}

@media (min-width:680px) and (max-width:767px) {
}

@media (min-width:768px) and (max-width:1024px) {
}

@media (min-width:680px) and (max-width:1024px) {
	/* header : 상단메뉴 */
	#header {background: #fff;height: 55px; }
	#header .tnb {width: 100%; height: 55px; margin: 0 auto; position: relative;}
	#header h1 a {background:url('/images/common/logo_mo.png')no-repeat center;width: 250px; height:45px;font-size:0;text-indent:-9999px;margin-left: auto; margin-right: auto; left:0; right:0; top:5px; background-size:120px auto;}
	#header .tnb #moMenu {display: block; width: 50px; height: 50px; background:url('/images/common/allMenu.png') center no-repeat; position: absolute; top:2px;right:10px;background-size:25px auto;}
	#header .eg{display:none;}
	
	/* footer */
	#footer {padding: 20px 0;}
	#footer .footerWidth {width: 100%; }
	#footer .footerWidth img {top: 2px;left: 33px;width: 100px;height: auto;}
	#footer .footerWidth ul {margin: 0 0 10px 170px;}
	#footer .footerWidth ul li {margin-right: 10px;}
	#footer .footerWidth ul li a {font-size: 12px; line-height: 16px;}
	#footer .footerWidth ul li:after {height: 10px;margin-left: 10px;}
	#footer .footerWidth strong {margin: 0 0 0 170px; margin-bottom: 5px; font-size: 12px;}
	#footer .footerWidth p {margin: 0 0 0 170px; font-size: 12px;}
}

@media (max-width:1024px) {
	/* header : 상단메뉴 */
	#gnb_box {display: none;}
	#header .link {display: none;}
	#header .tnb #pcallMenu{display:none;}
	/* allMenu */
	.allMenuArea{display:none !important;}
}

@media (max-width:1200px) {
	/* allMenu */
	.allMenuArea {left:0; margin-left:0;}
}








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

@media (max-width:320px) {
	/* 메인 비주얼 */
	.mainVisual {height: 230px!important;background-size: auto 230px!important;}
	.mainVisual .mainVisualWrap {height: 190px!important;}
	.mainVisual .mainVisualWrap h2 {margin: 42px auto 0!important;background-size: 230px auto!important;}
	.mainVisual .mainVisualWrap h2:after {width: 40px!important;}
	.mainVisual .mainVisualWrap h3 {background-size: 170px auto!important;}
	
	/* 거래현황 */
	.boardWrap .boardbox h4 {font-size: 17px!important; padding-bottom: 10px; margin-bottom: 10px;}
	.boardWrap .boardbox ul li a {padding-right: 40%; font-size:13px!important; letter-spacing: -1px;}
	.boardWrap .boardbox ul li .boardNum {font-size:13px!important;}
	.boardWrap .boardbox ul li .boardNum .stock.up {background-size: 9px auto!important;}
	.boardWrap .boardbox ul li .boardNum .stock.down {background-size: 9px auto!important;}
	
	/* 아이콘 배너 */
	.linkWrap {padding:10px 0!important;}
	.linkWrap ul{flex-wrap:wrap;}
	.linkWrap ul li {width: 25%; flex:none;}
	.linkWrap ul li:nth-child(1),.linkWrap ul li:nth-child(2),.linkWrap ul li:nth-child(3),.linkWrap ul li:nth-child(4) {margin-bottom: 10px;}
	.linkWrap ul li a {height: 56px;font-size: 10px!important;background-size: 30px auto!important;}
	.linkWrap ul li span {bottom: 3px; letter-spacing: -2px;}
	
	/* 콘텐츠 */
		/* 주요지표 */
		.calconWrap .contop .section3 .indexBox .indexNum {font-size: 18px!important; height: 29px!important;}
		.calconWrap .contop .section3 .indexBox .indexLabel {padding: 1px 3px!important; font-size: 11px!important; top:6px;}
		.calconWrap .contop .section3 .indexBox .indexNum_s {padding-left: 17px!important; }
		.calconWrap .contop .section3 .indexBox .indexNum_s.up {background-size:10px auto!important;}
		.calconWrap .contop .section3 .indexBox .indexNum_s.down {background-size:10px auto!important;}
		/* 하단배너 */
		.calconWrap .conbtm div {width:100%!important; height: 88px!important;}
		.calconWrap .conbtm dl dt {padding-left: 93px!important; font-size: 16px!important;}
		.calconWrap .conbtm dl dd {padding-left: 93px!important; font-size: 12px!important;}
		.calconWrap .conbtm dl dd a {font-size: 12px!important; margin-right: 10px; padding-right: 15px; }
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') 30px center no-repeat!important; background-size: 42px auto!important;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') 30px center no-repeat!important; background-size: 42px auto!important;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') 30px center no-repeat!important; background-size: 42px auto!important;}
}

@media (max-width:414px) {
	/* 메인 비주얼 */
	.mainVisual {background:#292929 url('/images/main/mainVisual.jpg') center 0 no-repeat;width: 100%;height: 250px;padding: 20px;background-size: auto 250px;}
	.mainVisual .mainVisualWrap {width: 100%;height: 210px;margin: auto;overflow: hidden;border: 1px solid rgba(255,255,255,.42);}
	.mainVisual .mainVisualWrap h2 {background:url('/images/main/mainVisual_mo_txt1.png') center 0 no-repeat;width: 100%;height: 70px;margin: 50px auto 0;background-size: 270px auto;}
	.mainVisual .mainVisualWrap h2:after {width: 50px;top: 80px;}
	.mainVisual .mainVisualWrap h3 {background:url('/images/main/mainVisual_mo_txt2.png') center 0 no-repeat;width: 100%;height: 30px;margin: 34px auto 0;background-size: 180px auto;}
	
	/* 거래현황 */
	.boardWrap .boardWidth {width: 100%;}
	.boardWrap .boardbox {width: 100%; position: relative; float: none;}
	.boardWrap .boardbox.left, .boardWrap .boardbox.right, .boardWrap .boardbox.center {padding: 15px 20px;}
	.boardWrap .boardbox.left {background: #6fbce8;}
	.boardWrap .boardbox .more {top:14px;width:25px;height:25px;background:url('/images/main/more_mo.png') no-repeat center; background-size:18px auto;}
	.boardWrap .boardbox .more.left,.boardWrap .boardbox .more.right {right:20px;}
	.boardWrap .boardbox ul li {line-height: 25px;}
	.boardWrap .boardbox h4 {font-size: 16px; padding-bottom: 10px; margin-bottom: 10px;}
	.boardWrap .boardbox ul li a {padding-right: 40%; font-size:14px; letter-spacing: -1px;}
	.boardWrap .boardbox ul li .boardNum {font-size:14px;}
	.boardWrap .boardbox ul li .boardNum .stock {margin-left: 20px; padding-left: 15px; }
	.boardWrap .boardbox ul li .boardNum .stock.up {background:url('/images/main/stock_up_mo.png') center left no-repeat;background-size: 10px auto;}
	.boardWrap .boardbox ul li .boardNum .stock.down {background:url('/images/main/stock_down_mo.png') center left no-repeat;background-size: 10px auto;}
	
	/* 아이콘 배너 */
	.linkWrap {width: 100%; padding: 20px 0;}
	.linkWrap ul li {height: 66px;}
	.linkWrap ul li a {height: 66px;font-size: 11px;background-size: 30px auto!important;border-left:none;}
	.linkWrap ul li a.link_G{}
	.linkWrap ul li span {bottom: 3px;letter-spacing: -1px;word-break: keep-all;}
	.linkWrap ul li .right { border-right: none;}
	.linkWrap ul li:first-child a {border-left:none;}
	.linkWrap ul li .link_A {background:url('/images/main/main_iconlist_01.png') center 4px no-repeat;}
	.linkWrap ul li .link_B {background:url('/images/main/main_iconlist_02.png') center 4px no-repeat;}
	.linkWrap ul li .link_C {background:url('/images/main/main_iconlist_03.png') center 4px no-repeat;}
	.linkWrap ul li .link_D {background:url('/images/main/main_iconlist_04.png') center 4px no-repeat;}
	.linkWrap ul li .link_E {background:url('/images/main/main_iconlist_05.png') center 4px no-repeat;}
	.linkWrap ul li .link_F {background:url('/images/main/main_iconlist_06.png') center 4px no-repeat;}
	.linkWrap ul li .link_G {background:url('/images/main/main_iconlist_07.png') center 4px no-repeat;}
	.linkWrap ul li .link_A:hover {background:url('/images/main/main_iconlist_01_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_B:hover {background:url('/images/main/main_iconlist_02_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_C:hover {background:url('/images/main/main_iconlist_03_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_D:hover {background:url('/images/main/main_iconlist_04_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_E:hover {background:url('/images/main/main_iconlist_05_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_F:hover {background:url('/images/main/main_iconlist_06_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_G:hover {background:url('/images/main/main_iconlist_07_on.png') center 4px no-repeat;}
	
	/* 콘텐츠 */
	.calconWrap {border: none!important;}
	.calconWrap .conWidth {width: 100%; padding: 0;}
	.calconWrap .contop > div {width: 100%!important;padding: 20px!important;}
		/* 캘린더 */
		.calconWrap .contop .section1 {background: #f4f4f4;height: 240px; padding-top: 15px !important;}
		.calconWrap .contop .section1 header {margin-bottom: 12px; height: 32px;}
		.calconWrap .contop .section1 header .monthNum {color: #3d9ae0; font-size: 22px;}
		.calconWrap .contop .section1 header button {width: 30px; height: 32px;}
		.calconWrap .contop .section1 .calTable {background: #fff;}
		.calconWrap .contop .section1 .calTable td a {padding: 6px 0;}
		.calconWrap .contop .section1 .calTable.cal_4 td a{padding: 6px 0;}
		.calconWrap .contop .section1 .calTable.cal_6 td a{padding: 3px 0;}
		/* 캘린더 내용 */
		.calconWrap .contop .section2:before {display: none;}
		.calconWrap .contop .section2 {position: absolute;height: 240px;}
		.calconWrap .contop .section2 header h3 {font-size: 16px; line-height: 1.1;}
		.calconWrap .contop .section2 .txt {font-size: 14px;}
		.calconWrap .contop .section2 header .cal_more {display: none;}
		.calconWrap .contop .section2 header .calView_close{display:block;position:absolute;top:-2px;;right:-8px;;width:21px;height:21px;background:url('/images/common/pop_close.png') no-repeat center;}
		.calconWrap .contop .section2 .dayNum {display:block;position: absolute; bottom: 23px; left: 20px; font-size: 15px; color: #fff;}
		.calconWrap .contop .section2 .allView {bottom: 20px; right: 20px; font-size: 12px;width: 88px; height: 27px;}
		/* 주요지표 */
		.calconWrap .contop .section3 {height: auto;}
		.calconWrap .contop .section3 header {margin-bottom: 12px;}
		.calconWrap .contop .section3 header h3 {font-size: 16px; font-weight: bold;}
		.calconWrap .contop .section3 header .indexMore {top:0;}
		.calconWrap .contop .section3 .indexBox {width: 50%; float: left;border-right: #c9c9c9 1px solid;}
		.calconWrap .contop .section3 .indexBox.border {border-bottom: none; padding-right:15px; padding-bottom: 0; margin-bottom: 0;}
		.calconWrap .contop .section3 .indexBox.none {border-right: none;padding-left:15px;padding-right:2px;}
		.calconWrap .contop .section3 .indexBox .indexNum {font-size: 20px; height: 33px;}
		.calconWrap .contop .section3 .indexBox .indexNum_s {font-size: 12px; padding-left: 19px; }
		.calconWrap .contop .section3 .indexBox .indexNum_s.up {background:url('/images/main/index_up_mo.png') center left no-repeat;background-size:12px auto;}
		.calconWrap .contop .section3 .indexBox .indexNum_s.down {background:url('/images/main/index_down_mo.png') center left no-repeat;background-size:12px auto;}
		.calconWrap .contop .section3 .indexBox .indexLabel {padding: 1px 5px; font-size: 12px; top:6px;}
		.calconWrap .contop .section3 .indexBox .indexLabel.pp {background-color: #7197e2;margin-left: 15px;}
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-42px!important;}
		.bx-wrapper .bx-pager.bx-default-pager a {width: 9px!important; height: 9px!important;margin: 0 10px!important;}
		.bx-controls-direction {display: none;}
		.bx-wrapper {margin: 0 auto 37px!important;}
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 0px;}
		.calconWrap .conbtm div {width:100%!important; height: 92px;}
		.calconWrap .conbtm dl dt {padding-left: 110px; font-size: 17px;margin-bottom: 4px; }
		.calconWrap .conbtm dl dd {padding-left: 110px; font-size: 13px;padding-right:10px}
		.calconWrap .conbtm dl dd a {font-size: 13px; background: url('/images/main/btm_arw.png') right center no-repeat;  margin-right: 10px; padding-right: 15px; }
		.calconWrap .conbtm dl dd span {}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') 40px center no-repeat; background-size: 50px auto;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') 40px center no-repeat; background-size: 50px auto;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') 40px center no-repeat; background-size: 50px auto;}
}

@media (min-width:415px) and (max-width:449px) {
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 0px;}
		.calconWrap .conbtm div {width:100%!important; height: 92px;}
		.calconWrap .conbtm dl dt {padding-left: 110px; font-size: 17px;margin-bottom: 4px; }
		.calconWrap .conbtm dl dd {padding-left: 110px; font-size: 13px;padding-right:10px}
		.calconWrap .conbtm dl dd a {font-size: 13px; background: url('/images/main/btm_arw.png') right center no-repeat;  margin-right: 10px; padding-right: 15px; }
		.calconWrap .conbtm dl dd span {}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') 40px center no-repeat; background-size: 50px auto;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') 40px center no-repeat; background-size: 50px auto;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') 40px center no-repeat; background-size: 50px auto;}
}
@media (min-width:415px) and (max-width:499px) {
	/* 메인 비주얼 */
	.mainVisual {background:#292929 url('/images/main/mainVisual.jpg') center 0 no-repeat; width: 100%; height: 300px; padding: 25px; background-size: auto 300px;}
	.mainVisual .mainVisualWrap {width: 100%; height: 250px; margin: auto; overflow: hidden; border: 1px solid rgba(255,255,255,.42);}
	.mainVisual .mainVisualWrap h2 {background:url('/images/main/mainVisual_mo_txt1.png') center 0 no-repeat; width: 100%; height: 90px; margin: 54px auto 0; background-size:300px auto;}
	.mainVisual .mainVisualWrap h2:after {width: 50px; top:111px;}
	.mainVisual .mainVisualWrap h3 {background:url('/images/main/mainVisual_mo_txt2.png') center 0 no-repeat; width: 100%; height: 30px; margin: 50px auto 0; background-size:200px auto;}
}

@media (min-width:415px) and (max-width:580px) {
	/* 거래현황 */
	.boardWrap .boardbox h4 {font-size: 16px!important;}
	.boardWrap .boardbox ul li a {padding-right: 50%!important; font-size: 13px!important;}
	.boardWrap .boardbox ul li .boardNum {font-size:13px;}
	.boardWrap .boardbox ul li .boardNum .stock {margin-left: 7px!important; padding-left: 12px!important; }
	
	/* 콘텐츠 */
		/* 캘린더 내용 */
		.calconWrap .contop .section2 .allView {font-size: 13px!important;width: 95px!important;height: 32px!important;}
}

@media (min-width:450px) and (max-width:620px) {
	/* 콘텐츠 */
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 15px;}
		.calconWrap .conbtm div {width:calc(100% / 3) !important; height: 150px!important;}
		.calconWrap .conbtm dl dt {padding-left: 0; font-size: 14px!important; text-align: center;padding-top: 53px;}
		.calconWrap .conbtm dl dd {font-size: 13px!important;padding-left: 0;text-align: center;}
		.calconWrap .conbtm dl dd a {font-size: 13px!important;width: 93px!important;background: url('/images/main/btm_arw.png') right center no-repeat;display: block;margin:  0 auto;text-align:  left; padding: 0;}
		.calconWrap .conbtm div.btm_A,.calconWrap .conbtm div.btm_B,.calconWrap .conbtm div.btm_C {background-size: 40px auto!important;}
		.calconWrap .conbtm dl dd span {display: block;}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') center 20px no-repeat;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') center 20px no-repeat;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') center 20px no-repeat;}
}

@media (min-width:500px) and (max-width:679px) {
	/* 메인 비주얼 */
	.mainVisual {background:#292929 url('/images/main/mainVisual.jpg') center 0 no-repeat; width: 100%; height: 330px; padding: 25px; background-size: auto 330px;}
	.mainVisual .mainVisualWrap {width: 100%; height: 280px; margin: auto; overflow: hidden; border: 1px solid rgba(255,255,255,.42);}
	.mainVisual .mainVisualWrap h2 {background:url('/images/main/mainVisual_mo_txt1.png') center 0 no-repeat; width: 100%; height: 100px; margin: 63px auto 0; background-size:350px auto;}
	.mainVisual .mainVisualWrap h2:after {width: 55px; top:111px;}
	.mainVisual .mainVisualWrap h3 {background:url('/images/main/mainVisual_mo_txt2.png') center 0 no-repeat; width: 100%; height: 30px; margin: 55px auto 0; background-size:200px auto;}
	/* 콘텐츠 */
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 15px;}
		.calconWrap .conbtm div {width:calc(100% / 3) !important; height: 160px;}
		.calconWrap .conbtm dl dt {padding-left: 0; font-size: 16px; text-align: center; padding-top: 53px;}
		.calconWrap .conbtm dl dd {padding-left: 0; font-size: 14px; text-align: center;}
		.calconWrap .conbtm dl dd a {font-size: 14px;background: url('/images/main/btm_arw.png') right center no-repeat;display: block;width: 47%;margin:  0 auto;text-align:  left; padding: 0;}
		.calconWrap .conbtm dl dd span {display: block;}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') center 20px no-repeat; background-size: 44px auto;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') center 20px no-repeat; background-size: 44px auto;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') center 20px no-repeat; background-size: 44px auto;}
}

@media (min-width:415px) and (max-width:679px) {
	/* 거래현황 */
	.boardWrap .boardWidth {width: 100%;}
	.boardWrap .boardbox h4 {font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;}
	.boardWrap .boardbox.left {padding: 20px 15px 20px 25px;}
	.boardWrap .boardbox.center {padding: 20px 20px 20px 25px;}
	.boardWrap .boardbox.right {padding: 20px 25px 20px 15px;}
	.boardWrap .boardbox h4 span {font-weight: 600;}
	.boardWrap .boardbox .more {top:20px;width:30px;height:30px;background:url('/images/main/more_mo.png') no-repeat center; background-size:20px auto;}
	.boardWrap .boardbox .more.left {right:12px;}
	.boardWrap .boardbox .more.right {right:20px;}
	.boardWrap .boardbox ul li {line-height: 28px;}
	.boardWrap .boardbox ul li a {padding-right: 40%; font-size:14px; letter-spacing: -1px;}
	.boardWrap .boardbox ul li .boardNum {font-size:14px;}
	.boardWrap .boardbox ul li .boardNum .stock {margin-left: 15px; padding-left: 15px; }
	.boardWrap .boardbox ul li .boardNum .stock.up {background:url('/images/main/stock_up_mo.png') center left no-repeat;background-size: 10px auto;}
	.boardWrap .boardbox ul li .boardNum .stock.down {background:url('/images/main/stock_down_mo.png') center left no-repeat;background-size: 10px auto;}
	
	/* 아이콘 배너 */
	.linkWrap {width: 100%; padding: 17px 0;}
	.linkWrap ul li {height: 65px;}
	.linkWrap ul li a {height: 65px;font-size: 10px;background-size: 36px auto!important;}
	.linkWrap ul li span {bottom: 2px;letter-spacing: -1px;word-break: keep-all;}
	.linkWrap ul li a:hover {color: #50a3e1;}
	.linkWrap ul li .right { border-right: none;}
	.linkWrap ul li:first-child a {border-left:none;}
	.linkWrap ul li .link_A {background:url('/images/main/main_iconlist_01.png') center 4px no-repeat;}
	.linkWrap ul li .link_B {background:url('/images/main/main_iconlist_02.png') center 4px no-repeat;}
	.linkWrap ul li .link_C {background:url('/images/main/main_iconlist_03.png') center 4px no-repeat;}
	.linkWrap ul li .link_D {background:url('/images/main/main_iconlist_04.png') center 4px no-repeat;}
	.linkWrap ul li .link_E {background:url('/images/main/main_iconlist_05.png') center 4px no-repeat;}
	.linkWrap ul li .link_F {background:url('/images/main/main_iconlist_06.png') center 4px no-repeat;}
	.linkWrap ul li .link_G {background:url('/images/main/main_iconlist_07.png') center 4px no-repeat;}
	.linkWrap ul li .link_A:hover {background:url('/images/main/main_iconlist_01_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_B:hover {background:url('/images/main/main_iconlist_02_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_C:hover {background:url('/images/main/main_iconlist_03_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_D:hover {background:url('/images/main/main_iconlist_04_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_E:hover {background:url('/images/main/main_iconlist_05_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_F:hover {background:url('/images/main/main_iconlist_06_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_G:hover {background:url('/images/main/main_iconlist_07_on.png') center 4px no-repeat;}
	
	/* 콘텐츠 */
	.calconWrap {border: none!important;}
	.calconWrap .conWidth {width: 100%; padding: 15px 0 0 0;}
	.calconWrap .contop .section1, .calconWrap .contop .section2,.calconWrap .contop .section3  {width: 50% !important;}
	.calconWrap .contop .section3 {background: #fafafa;}
	.calconWrap .contop > div {height: 250px!important;padding: 20px 25px!important;}
		/* 캘린더 */
		.calconWrap .contop .section1 {}
		.calconWrap .contop .section1 header {margin-bottom: 12px; height: 35px;}
		.calconWrap .contop .section1 header .monthNum {color: #3d9ae0; font-size: 21px;}
		.calconWrap .contop .section1 header button {width: 32px; height: 35px;}
		.calconWrap .contop .section1 .calTable td a {padding: 6px 0;}
		.calconWrap .contop .section1 .calTable.cal_4 td a{padding: 6px 0;}
		.calconWrap .contop .section1 .calTable.cal_6 td a{padding: 3px 0;}
		/* 캘린더 내용 */
		.calconWrap .contop .section2:before {display: none;}
		.calconWrap .contop .section2 {position: absolute;}
		.calconWrap .contop .section2 header h3 {font-size: 20px; line-height: 1.1;}
		.calconWrap .contop .section2 .txt {font-size: 15px;}
		.calconWrap .contop .section2 header .cal_more {display: none;}
		.calconWrap .contop .section2 header .calView_close{display:block;position:absolute;top:-2px;;right:-8px;;width:25px;height:25px;background:url('/images/common/pop_close.png') no-repeat center;}
		.calconWrap .contop .section2 .dayNum {display:block;position: absolute; bottom: 31px; left: 25px; font-size: 15px; color: #fff;}
		.calconWrap .contop .section2 .allView {bottom: 25px; right: 25px; font-size: 14px;width: 110px; height: 35px;}
		/* 주요지표 */
		.calconWrap .contop .section3 header {margin-bottom: 7px;}
		.calconWrap .contop .section3 header h3 {font-size: 20px;}
		.calconWrap .contop .section3 header .indexMore {top:0!important;}
		.calconWrap .contop .section3 .indexBox.border {padding-bottom: 13px; margin-bottom: 7px;}
		.calconWrap .contop .section3 .indexBox .indexNum {font-size: 24px; height: 33px;}
		.calconWrap .contop .section3 .indexBox .indexNum_s {font-size: 13px; padding-left: 16px; }
		.calconWrap .contop .section3 .indexBox .indexNum_s.up {background:url('/images/main/index_up_mo.png') center left no-repeat;background-size:10px auto;}
		.calconWrap .contop .section3 .indexBox .indexNum_s.down {background:url('/images/main/index_down_mo.png') center left no-repeat;background-size:10px auto;}
		.calconWrap .contop .section3 .indexBox .indexLabel {padding: 0px 5px; font-size: 15px; top:9px;}
		.calconWrap .contop .section3 .indexBox .indexLabel.pp {background-color: #7197e2;}
		.bx-wrapper .bx-controls-direction a {bottom:-47px!important;}
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-42px!important;}
}

@media (min-width:680px) and (max-width:767px) {
	/* 거래현황 */
	.boardWrap .boardbox h4 {font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;}
	.boardWrap .boardbox ul li a {padding-right: 40%; font-size:15px; letter-spacing: -1px;}
	.boardWrap .boardbox ul li .boardNum {font-size:15px;}
	.boardWrap .boardbox ul li .boardNum .stock {margin-left: 22px; padding-left: 17px; }
	.boardWrap .boardbox ul li .boardNum .stock.up {background:url('/images/main/stock_up_mo.png') center left no-repeat;background-size: 11px auto;}
	.boardWrap .boardbox ul li .boardNum .stock.down {background:url('/images/main/stock_down_mo.png') center left no-repeat;background-size: 11px auto;}
	
	/* 아이콘 배너 */
	.linkWrap {width: 100%; padding: 25px 0;}
	.linkWrap ul li {float: left;height: 70px;}
	.linkWrap ul li a {height: 70px;font-size: 11px;background-size: 36px auto!important;}
	.linkWrap ul li span {bottom: 1px; letter-spacing: -1px;}
	
	/* 콘텐츠 */
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 15px;}
		.calconWrap .conbtm div {width:calc(100% / 3) !important; height: 160px;}
		.calconWrap .conbtm dl dt {padding-left: 0; font-size: 16px; text-align: center; padding-top: 53px;}
		.calconWrap .conbtm dl dd {padding-left: 0; font-size: 14px; text-align: center;}
		.calconWrap .conbtm dl dd a {font-size: 14px;background: url('/images/main/btm_arw.png') right center no-repeat;display: block;width: 100px;margin:  0 auto;text-align:  left; padding: 0;}
		.calconWrap .conbtm dl dd span {display: block;}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') center 20px no-repeat; background-size: 44px auto;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') center 20px no-repeat; background-size: 44px auto;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') center 20px no-repeat; background-size: 44px auto;}
}

@media (min-width:768px) and (max-width:1024px) {
	/* 거래현황 */
	.boardWrap .boardbox h4 {font-size: 20px; padding-bottom: 10px; margin-bottom: 10px;}
	.boardWrap .boardbox ul li a {padding-right: 40%; font-size:15px; letter-spacing: -1px;}
	.boardWrap .boardbox ul li .boardNum {font-size:15px;}
	.boardWrap .boardbox ul li .boardNum .stock {margin-left: 22px; padding-left: 17px; }
	.boardWrap .boardbox ul li .boardNum .stock.up {background:url('/images/main/stock_up_mo.png') center left no-repeat;background-size: 11px auto;}
	.boardWrap .boardbox ul li .boardNum .stock.down {background:url('/images/main/stock_down_mo.png') center left no-repeat;background-size: 11px auto;}
	
	/* 아이콘 배너 */
	.linkWrap {width: 100%; padding: 25px 0;}
	.linkWrap ul li {height: 70px;}
	.linkWrap ul li a {height: 70px;font-size: 13px;background-size: 36px auto!important;}
	.linkWrap ul li span {bottom: 1px; letter-spacing: -1px;}
	
	/* 콘텐츠 */
		/* 하단배너 */
		.calconWrap .conbtm {margin-top: 15px;}
		.calconWrap .conbtm div {width:calc(100% / 3) !important; height: 100px;}
		.calconWrap .conbtm dl dt {padding-left: 85px; font-size: 16px; }
		.calconWrap .conbtm dl dd {padding-left: 85px; font-size: 13px; word-break:keep-all;padding-right:10px}
		.calconWrap .conbtm dl dd a {font-size: 13px; background: url('/images/main/btm_arw.png') right center no-repeat;}
		.calconWrap .conbtm div.btm_A {background: #6894eb url('/images/main/mainBT_01_mo.png') 30px center no-repeat; background-size: 40px auto;}
		.calconWrap .conbtm div.btm_B {background: #5069be url('/images/main/mainBT_02_mo.png') 30px center no-repeat; background-size: 40px auto;}
		.calconWrap .conbtm div.btm_C {background: #585858 url('/images/main/mainBT_03_mo.png') 30px center no-repeat; background-size: 40px auto;}
}

@media (min-width:768px) and (max-width:860px) {
	.calconWrap .conbtm dl dd a {display: block; background: url('/images/main/btm_arw.png') 88px center no-repeat!important;}
}


@media (min-width:680px) and (max-width:1024px) {
	/* 메인 비주얼 */
	.mainVisual {background:#292929 url('/images/main/mainVisual.jpg') center 0 no-repeat; width: 100%; height: 360px; padding: 30px; background-size: auto 360px;}
	.mainVisual .mainVisualWrap {width: 100%; height: 300px; margin: auto; overflow: hidden; border: 1px solid rgba(255,255,255,.42);}
	.mainVisual .mainVisualWrap h2 {background:url('/images/main/mainVisual_mo_txt1.png') center 0 no-repeat; width: 100%; height: 100px; margin: 68px auto 0; background-size:400px auto;}
	.mainVisual .mainVisualWrap h2:after {width: 50px; top:120px;}
	.mainVisual .mainVisualWrap h3 {background:url('/images/main/mainVisual_mo_txt2.png') center 0 no-repeat; width: 100%; height: 30px; margin: 55px auto 0; background-size:200px auto;}
	
	/* 거래현황 */
	.boardWrap .boardWidth {width: 100%;}
	.boardWrap .boardbox.left {padding: 20px 20px 20px 30px;}
	.boardWrap .boardbox.center {padding: 20px 25px 20px 25px;}
	.boardWrap .boardbox.right {padding: 20px 30px 20px 20px;}
	.boardWrap .boardbox h4 span {font-weight: 600;}
	.boardWrap .boardbox .more {top:22px;width:25px;height:25px;background:url('/images/main/more_mo.png') no-repeat center; background-size:20px auto;}
	.boardWrap .boardbox .more.left {right:20px;}
	.boardWrap .boardbox .more.right {right:30px;}
	.boardWrap .boardbox ul li {line-height: 28px;}
	
	/* 아이콘 배너 */
	.linkWrap ul {}
	.linkWrap ul li a:hover {color: #50a3e1;}
	.linkWrap ul li .right { border-right: none;}
	.linkWrap ul li:first-child a {border-left:none;}
	.linkWrap ul li .link_A {background:url('/images/main/main_iconlist_01.png') center 4px no-repeat;}
	.linkWrap ul li .link_B {background:url('/images/main/main_iconlist_02.png') center 4px no-repeat;}
	.linkWrap ul li .link_C {background:url('/images/main/main_iconlist_03.png') center 4px no-repeat;}
	.linkWrap ul li .link_D {background:url('/images/main/main_iconlist_04.png') center 4px no-repeat;}
	.linkWrap ul li .link_E {background:url('/images/main/main_iconlist_05.png') center 4px no-repeat;}
	.linkWrap ul li .link_F {background:url('/images/main/main_iconlist_06.png') center 4px no-repeat;}
	.linkWrap ul li .link_G {background:url('/images/main/main_iconlist_07.png') center 4px no-repeat;}
	.linkWrap ul li .link_A:hover {background:url('/images/main/main_iconlist_01_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_B:hover {background:url('/images/main/main_iconlist_02_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_C:hover {background:url('/images/main/main_iconlist_03_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_D:hover {background:url('/images/main/main_iconlist_04_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_E:hover {background:url('/images/main/main_iconlist_05_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_F:hover {background:url('/images/main/main_iconlist_06_on.png') center 4px no-repeat;}
	.linkWrap ul li .link_G:hover {background:url('/images/main/main_iconlist_07_on.png') center 4px no-repeat;}

	/* 콘텐츠 */
	.calconWrap {border: none!important;}
	.calconWrap .conWidth {width: 100%; padding: 15px 0 0 0;}
	.calconWrap .contop > div {width: calc(100% / 3) !important;height: 250px!important;padding: 20px 25px!important;}
		/* 캘린더 */
		.calconWrap .contop .section1 header {margin-bottom: 15px;height: 30px;}
		.calconWrap .contop .section1 header .monthNum {font-size: 21px; line-height: 1.5;}
		.calconWrap .contop .section1 header button {height:30px;}
		.calconWrap .contop .section1 .calTable td a {padding: 5px 0;font-size: 14px;}
		.calconWrap .contop .section1 .calTable.cal_4 td a{padding: 9px 0;}
		.calconWrap .contop .section1 .calTable.cal_6 td a{padding: 2px 0;}
	
		/* 캘린더 내용 */
		.calconWrap .contop .section2:before {top: 113px; background-size:9px auto;}
		.calconWrap .contop .section2 header {margin-bottom: 20px;}
		.calconWrap .contop .section2 header h3 {font-size: 20px; line-height: 1.1;}
		.calconWrap .contop .section2 header .cal_more{top:0px;right:0;width:22px;height:22px;background-size:22px !important;}
		.calconWrap .contop .section2 .txt {font-size: 16px;}
		.calconWrap .contop .section2 .allView {bottom: 25px; right: 25px; font-size: 14px;width: 110px; height: 35px;}
		/* 주요지표 */
		.calconWrap .contop .section3 header {margin-bottom: 12px;}
		.calconWrap .contop .section3 header .indexMore {top:-4px;}
		.calconWrap .contop .section3 header h3 {font-size: 20px; line-height: 1.1;}
		.calconWrap .contop .section3 .indexBox.border {padding-bottom: 9px; margin-bottom: 5px;}
		.calconWrap .contop .section3 .indexBox .indexNum {font-size: 27px; height: 36px;}
		.calconWrap .contop .section3 .indexBox .indexNum_s {font-size: 14px; padding-left: 15px; }
		.calconWrap .contop .section3 .indexBox .indexNum_s.up {background:url('/images/main/index_up_mo.png') center left no-repeat;background-size:10px auto;}
		.calconWrap .contop .section3 .indexBox .indexNum_s.down {background:url('/images/main/index_down_mo.png') center left no-repeat;background-size:10px auto;}
		.calconWrap .contop .section3 .indexBox .indexLabel {padding: 0px 4px; font-size: 13px; top:12px; font-weight: normal;}
		.calconWrap .contop .section3 .indexBox .indexLabel.pp {background-color: #7197e2;}
		.bx-wrapper .bx-controls-direction a {bottom:-45px!important;}
		.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:-41px!important;}
}

@media (max-width:1024px) {
	/* 기관링크 */
	.linkSlider {display: none;}
	/* footer */
	#footer.footerBottom {position: fixed; bottom: 0;}
}













/****************** mobile side menu ********************/

.dmm{position:fixed; top:0; left:0; right:0; height:10000px; background-color:rgba(0, 0, 0, 0.3); z-index:6000}
#naviMenu{position:fixed; top:0; right:-1000px; max-width:350px; z-index:7000; width:100%; min-height:800px;  background:rgba(0,0,0,.6); background-size:335px 1px;}
#naviMenu .menu_opt{top:0; height:auto !important; padding:22px; background-color:#50a3e1; border-bottom:#498cbd 1px solid;} /* 모바일 메뉴 상단 영역 */
#naviMenu .menu_opt a{display:inline-block; float:right; margin-left:25px; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#fff; letter-spacing:-0.5px;}
#naviMenu .menu_opt a.close{position:absolute; top:18px; left:22px; margin:0; z-index:6000; background: url('/images/common/pop_close.png') no-repeat center; width: 29px; height: 29px; text-indent: -5000px;}
#naviMenu > div{overflow:auto; width:100%;} /* 모바일 메뉴 영역 */
.menuCtg > li{border-bottom:1px solid #d6d6d6;}
.menuCtg > li .t_a_line {overflow:hidden; position:relative;background: #fff;}
.menuCtg > li .t_a_line a.mnTit{float:left; width:100%; padding:12px 20px; font-family:'Noto Sans KR', sans-serif; font-size:18px; letter-spacing:-0.5px; color:#3e3e3e; position:relative; z-index:10; font-weight: bold;}
.menuCtg > li .t_a_line a:after {content:""; position:absolute; top:0; right:0; width:51px; height:51px; background:url('/images/common/m_depth_close.png') no-repeat center; cursor:pointer; z-index:9;}
.menuCtg > li.on .t_a_line a:after {background:url('/images/common/m_depth_open.png') no-repeat center;}
.menuCtg > li.on .t_a_line a.mnTit{float:left; font-family:'Noto Sans KR', sans-serif;;}
.menuCtg > li > .side_sub{display:none;background-color:#f0f0f0; border-top:1px solid #dbdbdb;}
.menuCtg > li > .side_sub > li{position:relative;}
.menuCtg > li > .side_sub > li > a{display:block; padding:11px 20px; border-bottom:1px solid #d6d6d6; font-family:'Noto Sans KR', sans-serif;; font-size:16px; letter-spacing:-0.25px; color:#3e3e3e; position:relative; z-index:10;}
.menuCtg > li > .side_sub > li:last-child > a{border:none;}
.menuCtg > li > .side_sub > li:last-child > ul {border-bottom:none;border-top:1px solid #d6d6d6;}
.menuCtg > li > .side_sub > li > a:after{content:""; position:absolute; top:0; right:0; width:58px; height:14px; padding:15px 0 !important; background:url('/images/common/m_2depth_close.png') no-repeat center; cursor:pointer; z-index:9;}
.menuCtg > li > .side_sub > li.on > a:after {background:url('/images/common/m_2depth_open.png') no-repeat center;}
.menuCtg > li > .side_sub > li.noArrow > a:after{display:none;}
.menuCtg > li > .side_sub > li > ul {display:none; padding:12px 20px; border-bottom:1px solid #d6d6d6; background-color: #e7e7e7;}
.menuCtg > li > .side_sub > li > ul > li{margin-bottom:15px;}
.menuCtg > li > .side_sub > li > ul > li:last-child{margin-bottom:0;}
.menuCtg > li > .side_sub > li > ul > li a {padding:0; border:none; font-family:'Noto Sans KR', sans-serif; font-size:14px; color:#3e3e3e;}
.menuCtg > li > .side_sub > li > ul > li a.active {color:#197FC7; font-family:'Noto Sans KR', sans-serif;}
.menuCtg > li > .side_sub > li > ul > li a:active {color:#197FC7; font-family:'Noto Sans KR', sans-serif;}
.menuCtg li.noArrow span.arrow {display:none;} 

@media screen and (max-width: 767px){
	#naviMenu {width:75%;}
	#naviMenu .menu_opt {padding:18px 20px;}
	#naviMenu .menu_opt a {font-size:13px; margin-left:15px;}
	#naviMenu .menu_opt a.close {width: 25px; height: 25px; top:15px; left: 20px;}
	#naviMenu .menuCtg > li .t_a_line a.mnTit {font-size:16px; padding:12px 20px;}
	#naviMenu .menuCtg > li .t_a_line a:after{width:48px; height:48px; padding:0 !important;}
	#naviMenu .menuCtg > li > .side_sub > li > a:after {width:45px; height:45px; padding:0 !important;}
	#naviMenu .menuCtg > li > .side_sub > li > a {font-size:15px; padding:11px 20px;}
	.menuCtg > li > .side_sub > li > ul {padding:11px 15px 11px 20px;}
	.menuCtg > li > .side_sub > li > ul > li {margin-bottom:13px;}
	.menuCtg > li > .side_sub > li > ul > li a {font-size:15px;}
}










/****************** 서브페이지 ********************/

@media (max-width:320px) {
}

@media (max-width:414px) {
	/* sub 상단 공통메뉴 */
	.submenuLayout .pageNavi .navi_dep > a {overflow: hidden; text-overflow:ellipsis; white-space: nowrap; word-spacing: normal; word-break:normal;}
}

@media (max-width:499px) {
	/* 캘린더 */
	.vschd > section {width: 100%;}
	.vschd .ccld {width: 100%; position:relative; }
	.vschd .ccld header { position:absolute; width:100%; height:43px;background: none; margin-right: 0; top:11px;}
	.vschd .ccld .ccldT {display:  table;margin:  0 auto;}
	.vschd .ccld .ccldT h4 {display: table-cell;}
	.vschd .ccld .ccldT h4 > * { display: inline-block; position: static; width: auto;}
	.vschd .ccld .ccldT b {float: left; font-size:20px; color:#50a3e1;}
	.vschd .ccld .ccldT strong {float: left; font-size:20px;}
	.vschd .ccld .ccldT span {display: none;}
	.vschd .ccld header button {top:3px; width:30px; height:30px;}
	.vschd .ccld header .prev { left:30px; background:url('/images/main/cal_prv.png') left center no-repeat;}
	.vschd .ccld header .next { right:30px; background:url('/images/main/cal_next.png') right center no-repeat;}
	.vschd .ccld .ccldDiv { padding:15px; width: 100%; height: 230px;}
	.vschd .ccld table.cal { margin: 28px 0 0 0!important;}
	.vschd .ccld .cal th { height:22px; font-size:13px;}
	.vschd .ccld .cal td { padding:2px; width: calc(100% / 7);}
	.vschd .ccld .cal td input { width:100%; height:25px;font-size:13px;}
	.vschd .ccld .cal.cal_6 td input {height:20px!important;}
	.vschd .ccld .cal.cal_4 td input {height:31px!important;}
	.vschd .sdate {padding:15px;  float: left; margin-left: 0; width: 100%; height: 230px; border:4px solid #6fbce8; position: absolute;}
	.vschd .sdate .subcalView_close{display:block;position:absolute;top:3px;right:3px;width:15px;height:15px;background:url('/images/common/pop_close_gray.png') no-repeat center;}
	.vschd .today {position: relative;}
	.vschd .today header {font-size:16px; text-align: left;}
	.vschd .today span.date {font-size: 14px; height: auto; border-width:1px; margin: 0;}
	.vschd .today ul {margin-top: 18px; max-height: 110px; -webkit-line-clamp:5;}
	.vschd .today li {font-size:14px; margin-bottom: 12px;text-align:left;}
	.vschd .mschd {padding-top: 25px;}
	.vschd .mschd header { padding:0px 0 15px; font-size:14px;}
	.vschd .mschd table {margin: 0!important;}
	.vschd .mschd thead th { height:27px; font-size:12px;}
	.vschd .mschd td { padding:8px 0; font-size:12px;}
	
}

@media (min-width:500px) and (max-width:1024px) {
	/* 캘린더 */
	.vschd > section {width: 100%;}
	.vschd .ccld {width: 50%; position:relative; }
	.vschd .ccld header { position:absolute; width:100%; height:43px;background: none; margin-right: 0; top:22px;}
	.vschd .ccld .ccldT {display:  table;margin:  0 auto;}
	.vschd .ccld .ccldT h4 {display: table-cell;}
	.vschd .ccld .ccldT h4 > * { display: inline-block; position: static; width: auto;}
	.vschd .ccld .ccldT b {float: left; font-size:26px; color:#50a3e1;}
	.vschd .ccld .ccldT strong {float: left; font-size:26px;}
	.vschd .ccld .ccldT span {display: none;}
	.vschd .ccld header button {top:6px; width:30px; height:30px;}
	.vschd .ccld header .prev { left:30px; background:url('/images/main/cal_prv.png') left center no-repeat;}
	.vschd .ccld header .next { right:30px; background:url('/images/main/cal_next.png') right center no-repeat;}
	.vschd .ccld .ccldDiv { padding:18px; width: 100%; height: 294px;}
	.vschd .ccld table.cal { margin: 52px 0 0 0!important;}
	.vschd .ccld .cal th { height:30px; font-size:15px;}
	.vschd .ccld .cal td { padding:2px; width: calc(100% / 7);}
	.vschd .ccld .cal td input { width:100%; height:30px;font-size:15px;}
	.vschd .ccld .cal.cal_6 td input {height:24px!important;}
	.vschd .ccld .cal.cal_4 td input {height:38px!important;}
	.vschd .sdate {padding:20px;  float: left; margin-left: 0; width: 50%; height: 294px;}
	.vschd .today header {font-size:26px;}
	.vschd .today span.date {font-size: 16px; height: 31px;}
	.vschd .today ul {margin-top: 26px;}
	.vschd .today li {font-size:14px; margin-bottom: 15px;}
	.vschd .mschd header { padding:0px 0 15px; font-size:18px;}
	.vschd .mschd table {margin: 0!important;}
	.vschd .mschd thead th { height:39px; font-size:14px;}
	.vschd .mschd td { padding:10px 0; font-size:14px;}
}


@media (max-width:679px) {
	/* sub 상단 공통메뉴 */
	.submenuLayout {height: 40px;}
	.submenuLayout.subImg_01 {background: url('/images/common/subtopImg_01.png') center no-repeat;background-size: auto 84px;background-position: center -35px;}
	.submenuLayout.subImg_02 {background: url('/images/common/subtopImg_02.png') center no-repeat;background-size: auto 84px;background-position: center -35px;}
	.submenuLayout.subImg_03 {background: url('/images/common/subtopImg_03.png') center no-repeat;background-size: auto 84px;background-position: center -35px;}
	.submenuLayout.subImg_04 {background: url('/images/common/subtopImg_04.png') center no-repeat;background-size: auto 84px;background-position: center -35px;}
	.submenuLayout.subImg_05 {background: url('/images/common/subtopImg_05.png') center no-repeat;background-size: auto 84px;background-position: center -35px;}
	.submenuLayout .submenuWidth {width: 100%; height: 40px;}
	.submenuLayout .pageNavi {height: 28px; width: 100%; background: #fff; border-bottom: #d6d6d6 1px solid; position: absolute;bottom: 0; z-index: 1}
	.submenuLayout .pageNavi ul {display:table; width:100%; background: #585858;}
	.submenuLayout .pageNavi ul:after {display: block; content:""; clear: both;}
	.submenuLayout .pageNavi .navi_dep.n1dep {z-index: 3;}
	.submenuLayout .pageNavi .navi_dep.n2dep {z-index: 2;}
	.submenuLayout .pageNavi .navi_dep.n3dep {float:none; z-index: 1; display:flex;}
	.submenuLayout .pageNavi .navi_dep {display:table-cell; height: 28px; width:auto; padding: 0 2px; background: #d6d6d6;border-right:none; text-align:left;}
	.submenuLayout .pageNavi .navi_dep:before {content:"";width: 0;top:0;height: 0;right: -11px;position: absolute;border-top: 14px solid transparent;border-left: 11px solid #fff;border-bottom: 14px solid transparent;}
	.submenuLayout .pageNavi .navi_dep:after {content:"";width: 0;top:0;height: 0;right: -10px;position: absolute;border-top: 14px solid transparent;border-left: 11px solid #d6d6d6;border-bottom: 14px solid transparent;}
	.submenuLayout .pageNavi .navi_dep.first {width: 40px; padding: 0;}
	.submenuLayout .pageNavi .navi_dep.first:before,
	.submenuLayout .pageNavi .navi_dep.first:after,
	.submenuLayout .pageNavi li:last-child:before,
	.submenuLayout .pageNavi li:last-child:after {display: none;}
	.submenuLayout .pageNavi li:last-child {background: none;}
	.submenuLayout .pageNavi li:last-child a {color: #fff;}
	.submenuLayout .pageNavi li:nth-child(2) > a {padding: 0 10px;}
	.submenuLayout .pageNavi .navi_dep.first a {background: #50a3e1 url('/images/common/ico_home_white.png') 15px center no-repeat;}
	.submenuLayout .pageNavi .navi_dep > a {line-height:28px;padding: 0 6px 0 15px; background:none; font-size: 13px;}
	.submenuLayout .pageNavi .navi_dep > a.on {background:none; }
	.submenuLayout .pageNavi .navi_dep .naviBox {display: none;}
	
	/* sub common */
	.contentArea {width: 100%; padding:30px 20px;}
	.contentArea .conWrap {padding: 20px 0px;}
		/* 2depth menu */
		.contentArea h3 {font-size: 18px;}
		/* 3depth menu */
		.contentArea .conWrap h4 {font-size: 14px;margin-bottom: 10px;}
		/* 4depth menu */
		.contentArea .conWrap h5 {font-size: 15px; background: url('/images/common/bullet_s.png') 0px center no-repeat;}
		/* caption, title */
		.contentArea .conWrap h6.tablecaption {font-size: 12px; }
		.contentArea .conWrap .tablecaption.mt50 {margin-top: 30px!important;}
		.contentArea .conWrap h6.tablecaption:after {width: 20px;}
		.contentArea .conWrap .exWrap .exclamation {font-size: 11px; background:#50a3e1 url('/images/common/ico_exclamation.png') 5px center no-repeat; background-size:12px auto; padding: 3px 10px 3px 20px; }
		.contentArea .conWrap .exWrap .exclamation.mt20 {margin-top: 15px!important;}
		/* text, img */
		.contentArea .conWrap p {font-size: 13px;}
		.contentArea .conWrap p.mt20 {margin-top: 10px!important;}
		.contentArea .conWrap p.mb40{margin-bottom:10px !important;}
		.contentArea .conWrap img {margin: 30px auto; width: 100%; height: auto;}
		.contentArea .conWrap figure {margin: 20px auto;}
		.contentArea .conWrap figure img {margin: 25px 0;}
		.contentArea .conWrap figure figcaption {font-size: 11px;}
		.contentArea .conWrap figure figcaption:after {width: 20px;}
		.contentArea .conWrap .figcaption {font-size: 11px;}
		.contentArea .conWrap .figcaption:after {width: 20px;}
		.contentArea .conWrap .explain {font-size: 11px;background:url('/images/common/starBL.png') 0px 0px no-repeat; background-size:8px auto; padding-left:12px;}
		.contentArea .conWrap .explain.mb50 {margin-bottom: 30px!important;}
		/* table */
		.contentArea .conWrap table {margin: 20px 0;}
		.contentArea .conWrap table th {padding: 7px 0px;}
		.contentArea .conWrap table td {padding: 8px 0;}
		.contentArea .conWrap .contable_01{margin: 20px 0;}
		.contentArea .conWrap .contable_01 th.left {padding: 8px 5px;}
		.contentArea .conWrap .contable_01 td.left {padding: 8px 5px; }
		.contentArea .conWrap .contable_01 td span.listIcon {background: url('/images/common/listBL_gray.png') 0px 8px no-repeat;}
		/* 문장 style */
		.contentArea .conWrap .grayTextBox {padding: 15px;border: 2px #f1f1f1 solid;}
		.contentArea .conWrap .grayTextBox ul li {background: url('/images/common/listBL.png') 0px 9px no-repeat;background-size:3px auto; padding-left: 10px; font-size: 13px; }
		.contentArea .conWrap .grayTextBox ul li.mb10 {margin-bottom: 7px!important;}
		.contentArea .conWrap p.graytit {font-size: 15px;}
		.contentArea .conWrap .graytit.mb20 {margin-bottom: 10px!important;}
		.contentArea .conWrap .grayTableBox {padding: 20px;}
		.contentArea .conWrap .grayTableBox.mb50 {margin-bottom: 30px!important;}
		.contentArea .conWrap .grayTableBox dt, .contentArea .conWrap .grayTableBox dd {font-size: 11px; }
		.contentArea .conWrap .grayTableBox dt {background: url('/images/common/listBL.png') 0px 9px no-repeat; padding-left: 10px;min-width: 30%; background-size: 3px auto;}
		.contentArea .conWrap .grayTableBox dd {padding-left:  16px; max-width: 70%;}
		.contentArea .conWrap .grayTableBox dd:before {height: 9px;top: 4px;}
		.contentArea .conWrap .dscBox.mt50 {margin-top: 20px!important;}
		.contentArea .conWrap .dscBox.mb50 {margin-bottom: 30px!important;}
		.contentArea .conWrap .dscBox p.tit {font-size: 13px; background: url('/images/common/bullet_s.png') 0px 6px no-repeat;}
		.contentArea .conWrap .dscBox .tit.mt40 {margin-top: 30px!important;}
		.contentArea .conWrap .dscBox .tit.mb15,.contentArea .conWrap .dscBox .tit2.mb15 {margin-bottom: 7px!important;}
		.contentArea .conWrap .dscBox p.tit2 {padding: 0 15px 0 5px; font-size: 12px; line-height: 1.6;}
		.contentArea .conWrap .dscBox p.tit2 span {padding: 1px 8px; margin-right:7px;}
		.contentArea .conWrap .dscBox p.question {font-size: 13px; display: table; line-height: 1.5}
		.contentArea .conWrap .dscBox p.question span.queMark {padding: 5px 12px; display: table-cell;}
		.contentArea .conWrap .dscBox p.question span.queText {padding: 5px 11px; display: table-cell;}
		/* tab */
		.subTab {margin-bottom: 25px; }
		.subTab li a {padding: 4px; font-size: 13px;}
		.subTab li:last-child, .subTab.tab_6 li:nth-child(2), .subTab.tab_6 li:nth-child(4){padding-right: 0;}
		.subTab.tab_6 li {width:calc(100% / 2);}
		.subTab.tab_6 li:nth-child(1),.subTab.tab_6 li:nth-child(2),.subTab.tab_6 li:nth-child(3),.subTab.tab_6 li:nth-child(4) {padding-bottom: 2px;}
		.subTab.tab_3 li,.subTab.tab_4 li {width:100%; padding-right: 0; padding-bottom: 2px;}
		/* iframe */
		.contentArea .conWrap iframe {width: 100%!important;}
		.iframeArea1{height:580px;}
		/* paging */
		.boardPage {position:relative;width:100%;text-align:center;margin:25px auto;}
		.boardPage > span {margin:0 0 3px 0 !important;}
		.boardPage > span > a {width: 31px; height: 31px; font-size: 14px;}
		.boardPage > span > strong {width: 31px; height: 31px; font-size: 14px;}
		.boardPage .fst a {background:#f6f6f6 url('/images/common/page_front.png') no-repeat center; background-size: 10px auto;}
		.boardPage .prev a {background:#f6f6f6 url('/images/common/page_prev.png') no-repeat center; background-size: 10px auto;}
		.boardPage .next a {background:#f6f6f6 url('/images/common/page_next.png') no-repeat center; background-size: 10px auto;}
		.boardPage .lst a {background:#f6f6f6 url('/images/common/page_end.png') no-repeat center; background-size: 10px auto;}
		
	/* 국채연혁 */
	.historyTab {margin-top: 20px;}
	.historyTab li a {height: 46px;}
	.historyTab li a span {font-size: 15px;}
	.historyTab li a .circle {height: 20px; background: url('/images/common/historyIcon.png') center no-repeat; background-size: 17px auto;}
	.historyTab li a .bar {height: 5px; bottom:9px;}
	.historyTab li a:hover .circle,.historyTab li.on a .circle {background: url('/images/common/historyIcon_on.png') center no-repeat;background-size: 17px auto;}
	.historyTab li:first-child a .bar {border-radius:10px 0 0 10px;}
	.historyTab li:last-child a .bar {border-radius:0 10px 10px 0;}
	.conWrap .historyWrap section table th {padding: 10px 0; font-size: 13px; width: 15%;}
	.conWrap .historyWrap section table td {padding: 10px 0; font-size: 13px;  vertical-align: top;}
	.conWrap .historyWrap section table td:nth-child(2) {width: 15%;}
	.conWrap .historyWrap section table td:nth-child(3) {width: 70%;}
	.conWrap .historyWrap section table .many_top {padding: 10px 0 8px 0;}
	.conWrap .historyWrap section table .many_mid {padding: 8px 0;}
	.conWrap .historyWrap section table .many_btm {padding: 8px 0 10px 0;}
	
	/* 게시판 리스트 */
		/* 공통 */
		.contentArea .conWrap .contable_02 {margin: 0;}
		.contentArea .conWrap .contable_02 .table3W{width:80px;}
		.contentArea .conWrap .contable_02 thead th { height:36px; font-size:13px;}
		.contentArea .conWrap .contable_02 td { padding:9px 0; font-size:13px;}
		.contentArea .conWrap .contable_02 td.left {padding: 9px 5px; }
		.contentArea .conWrap .mobileHide {display: none;}
		/* 보도자료 */
		.contentArea .conWrap .nesDta col:nth-child(5) {width: 80px;}
		/* 국채관련규정 */
		.contentArea .conWrap .ntndbtRelateRegltn col:nth-child(6) {width: 80px;}
		/* 게시판 상단 글수, 검색영역 */
		.contentArea .conWrap .board_txt p {font-size: 13px; margin-top: 10px;}
		.contentArea .conWrap .board_txt fieldset {float: none;}
		.contentArea .conWrap .board_txt fieldset .selcet01 {height: 31px; line-height: 30px; font-size: 13px; padding: 0 30px 0 10px; width: 100%;}
		.contentArea .conWrap .board_txt fieldset .searchinput {display: block; position: relative; margin-top: 5px;}
		.contentArea .conWrap .board_txt fieldset .searchinput input {height: 31px;width: 100%; font-size: 12px; padding-right: 80px;}
		.contentArea .conWrap .board_txt fieldset .selcetBtn {height: 31px; width: 70px; font-size: 13px; position: absolute; top:0; right: 0;}
		/* 파일 */
		.file_layer > div {right: -120%; min-width: 450px;}
	/* 게시판 상세 */
	.contentArea .conWrap .contable_03 {margin: 0;}
	.contentArea .conWrap .contable_03 col:nth-child(1) {width: 20%;}
	.contentArea .conWrap .contable_03 col:nth-child(2) {width: 30%;}
	.contentArea .conWrap .contable_03 col:nth-child(1) {width: 20%;}
	.contentArea .conWrap .contable_03 col:nth-child(2) {width: 30%;}
	.contentArea .conWrap .contable_03 thead th {padding:10px; font-size:16px; color:#323232;}
	.contentArea .conWrap .contable_03 tbody th, .contentArea .conWrap .contable_03 tbody td {font-size:13px;}
	.contentArea .conWrap .contable_03 tbody th {padding:9px;}
	.contentArea .conWrap .contable_03 tbody th:after { height: 12px; top:13px;}
	.contentArea .conWrap .contable_03 tbody .fileTh:after {height: 12px;}
	.contentArea .conWrap .contable_03 tbody td {padding:9px;}
	.contentArea .conWrap .contable_03 tbody td.con {padding: 30px;}
	.contentArea .conWrap .contable_03 .fileArea .fileList li > span {font-size: 13px;}
	.contentArea .conWrap .buttonArea {margin-top: 20px;}
	.contentArea .conWrap .buttonArea .bluebtn {width: 64px; height: 30px; line-height: 30px; font-size: 15px;}
	.contentArea .conWrap .contable_04 {margin-top: 20px;}
	.contentArea .conWrap .contable_04 tbody th {padding:9px 0px;}
	.contentArea .conWrap .contable_04 tbody th a {font-size: 13px;width: 70px;}
	.contentArea .conWrap .contable_04 tbody td {font-size:13px; padding:9px 15px;}
	.contentArea .conWrap .contable_04 col:nth-child(1) {width: 90px;}
	.contentArea .conWrap .contable_04 col:nth-child(3) {width: 80px;}
	.contentArea .conWrap .contable_04 tbody td:last-child {padding:9px 0;text-align: center;}
	
	/* 다운로드 페이지 : 국채백서 */
	.downloadArea {margin: 15px 0 30px 0; overflow: hidden;}
	.downloadArea li a {width: 100%; margin-right:0; margin-bottom: 10px; height: 35px; line-height: 35px; padding: 0 0 0 10px; background: #eee; float: left; border-radius:6px; border:1px solid #bfbfbf; display: block; position: relative; font-size: 13px; padding-right: 117px; text-align: center; color: #474040; font-weight: bold;}
	.downloadArea li a:hover span {background-color: #50a3e1;}
	.downloadArea li span {width: 100px; background: #6fbce8 url('/images/common/board_ico_down_on.png') 72px center no-repeat; height: 35px; position: absolute; right: -1px; display: block; top:-1px; border-radius:0 6px 6px 0; color: #fff; padding-left: 14px; text-align: left; font-weight: bold;}
		/* 국고채 입찰결과 */
		.downloadArea.six li a {width: calc(100% / 2 - 6px); margin-right: 9px; margin-bottom: 20px; height: 35px; line-height: 35px; padding: 0 90px 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(even) a {margin-right:0;}
		.downloadArea.six li:nth-child(odd) a {margin-right: 9px;}
		.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:15px;}
		.downloadArea.six li span {width: 90px; background: #6fbce8 url('/images/common/board_ico_down_on.png') 66px center no-repeat; padding-left: 10px;}
	
	/* 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: 9px 55px 9px 15px;background: #eaeaea url('/images/common/faq_down.png') right center no-repeat;background-size:35px auto;float: left;border-radius: 0 6px 6px 0;border:1px solid #bfbfbf;border-left:  none;font-size: 15px;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;background-size:35px auto;}
	.faqArea li .que span {width:60px;background: #6fbce8;border-radius:6px 0 0 6px;color: #fff;text-align: center;font-weight: bold;font-size: 18px;display:  table-cell;vertical-align:  middle;}
	.faqArea li .an {padding: 20px 20px 20px 60px; border:1px solid #cfcfcf; background: #f7f7f7; position: relative; display: none;}
	.faqArea li .an > span {display: block; font-size: 35px; color: #b7b7b7; position: absolute; top:9px; left: 21px;}
	.faqArea li .an > div {border-left: 1px solid #cfcfcf; padding-left: 15px;}
	.faqArea li .an > div p {font-size: 14px; line-height: 1.7; color: #474040;}
	.faqArea .contable_05 { width:100%; background:#fff; margin: 30px 0 0 0!important;}
	.faqArea .contable_05 thead th { height:30px; background:#e7e7e7; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:12px; color:#323232; font-weight: normal;}
	.faqArea .contable_05 td { padding:11px 0; border-bottom:1px solid #c2c2c2; font-size:12px; color:#7c7c7c; vertical-align:middle;}
	.faqArea .contable_05 td.left {text-align: left; padding: 11px 5px; }
	
	/* 사이트맵 */
	.sitemapArea ol {display:  flex; flex-wrap:  wrap; align-content:  stretch;}
	.sitemapArea ol > li {width: 100%; float: left; background: #f6f6f6; margin-bottom: 22px; padding: 0 20px 20px 20px; margin-right: 0!important;} 
	.sitemapArea ol > li.long {height: auto;}
	.sitemapArea ol > li.short {height: auto;}
	.sitemapArea ol > li .siteTit > span {height: 40px; line-height: 40px; font-size: 20px; color: #fff; font-weight: bold; display: block; width: 100%; text-align: center;}
	.sitemapArea ol > li .siteTit > div {height: 53px; line-height: 53px; font-size: 20px; color: #474040; text-align: center; border-bottom: 2px solid;}
	
	/* Link */
	.linkArea ol > li {margin-bottom: 22px; width: 100%; float: none; background: #f6f6f6; padding:0 13px 20px 13px; overflow: hidden;}
	.linkArea ol > li:nth-child(odd),.linkArea ol > li:nth-child(even) {margin-right: 0!important;}
	.linkArea ol > li .siteTit > span {height: 40px; line-height: 40px; font-size: 20px; color: #fff; font-weight: bold; display: block; width: 100%; text-align: center;}
	.linkArea ol > li .siteTit > div {height: 48px; line-height: 48px; font-size: 16px; color: #474040; text-align: center; border-bottom: 2px solid;}
	.linkArea ol > li .depth01 > li > a {background:url('/images/common/listBL_blue.png') 8px 14px no-repeat; padding: 6px 0 6px 20px;  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: 8px center, right center; background-repeat: no-repeat; background-color: #e5e5e5;transition: none;}
}

@media (max-width:768px) {
	/* sub common */
		/* table */
		.contentArea .conWrap .scl_x {width: 100%; overflow-x:scroll; margin: 20px 0;}
		.contentArea .conWrap .scl_x > table {width: 900px; margin: 0!important;}
}


@media (min-width:680px) and (max-width:1024px) {
	/* sub 상단 공통메뉴 */
	.submenuLayout {height: 85px;}
	.submenuLayout.subImg_01 {background: url('/images/common/subtopImg_01.png') center no-repeat;background-size: auto 154px;background-position: center -67px;}
	.submenuLayout.subImg_02 {background: url('/images/common/subtopImg_02.png') center no-repeat;background-size: auto 154px;background-position: center -67px;}
	.submenuLayout.subImg_03 {background: url('/images/common/subtopImg_03.png') center no-repeat;background-size: auto 154px;background-position: center -67px;}
	.submenuLayout.subImg_04 {background: url('/images/common/subtopImg_04.png') center no-repeat;background-size: auto 154px;background-position: center -67px;}
	.submenuLayout.subImg_05 {background: url('/images/common/subtopImg_05.png') center no-repeat;background-size: auto 154px;background-position: center -67px;}
	.submenuLayout .submenuWidth {width: 100%; height: 85px;}
	.submenuLayout .pageNavi {height: 32px; width: 100%; background: #fff; border-bottom: #d6d6d6 1px solid; position: absolute;bottom: 0; z-index: 1}
	.submenuLayout .pageNavi ul {background: #585858;}
	.submenuLayout .pageNavi ul:after {display: block; content:""; clear: both;}
	.submenuLayout .pageNavi .navi_dep.n1dep {z-index: 3;}
	.submenuLayout .pageNavi .navi_dep.n2dep {z-index: 2;}
	.submenuLayout .pageNavi .navi_dep.n3dep {z-index: 1;}
	.submenuLayout .pageNavi .navi_dep {height: 32px; width:auto; padding: 0 10px; background: #d6d6d6;border-right:none;}
	.submenuLayout .pageNavi .navi_dep:before {content:"";width: 0;top:0;height: 0;right: -12px;position: absolute;border-top: 16px solid transparent;border-left: 12px solid #fff;border-bottom: 16px solid transparent;}
	.submenuLayout .pageNavi .navi_dep:after {content:"";width: 0;top:0;height: 0;right: -11px;position: absolute;border-top: 16px solid transparent;border-left: 12px solid #d6d6d6;border-bottom: 16px solid transparent;}
	.submenuLayout .pageNavi .navi_dep.first {width: auto; padding: 0;}
	.submenuLayout .pageNavi .navi_dep.first:before,
	.submenuLayout .pageNavi .navi_dep.first:after,
	.submenuLayout .pageNavi li:last-child:before,
	.submenuLayout .pageNavi li:last-child:after {display: none;}
	.submenuLayout .pageNavi li:last-child {background: none;}
	.submenuLayout .pageNavi li:last-child a {color: #fff;}
	.submenuLayout .pageNavi li:nth-child(2) > a {padding: 0 10px;}
	.submenuLayout .pageNavi .navi_dep.first a {background: #50a3e1 url('/images/common/ico_home_white.png') 34px center no-repeat; width:70px;}
	.submenuLayout .pageNavi .navi_dep > a {line-height:32px;padding: 0 10px 0 20px; background:none; font-size: 13px;}
	.submenuLayout .pageNavi .navi_dep > a.on {background:none; }
	.submenuLayout .pageNavi .navi_dep .naviBox {display: none;}
	
	/* sub common */
	.contentArea {width: 100%; padding: 40px 30px;}
	.contentArea .conWrap {padding: 35px 0px;}
		/* 2depth menu */
		.contentArea h3 {font-size: 22px;}
		/* 3depth menu */
		.contentArea .conWrap h4 {font-size: 17px;}
		/* 4depth menu */
		.contentArea .conWrap h5 {font-size: 17px; background: url('/images/common/bullet_s.png') 0px center no-repeat;}
		/* caption, title */
		.contentArea .conWrap h6.tablecaption {font-size: 12px; }
		.contentArea .conWrap .tablecaption.mt50 {margin-top: 40px!important;}
		.contentArea .conWrap h6.tablecaption:after {width: 20px;}
		.contentArea .conWrap .exWrap .exclamation {font-size: 13px; background:#50a3e1 url('/images/common/ico_exclamation.png') 7px center no-repeat; background-size:13px auto; padding: 3px 15px 3px 26px; }
		/* text, img */
		.contentArea .conWrap p {font-size: 13px;}
		.contentArea .conWrap p.mt20 {margin-top: 15px!important;}
		.contentArea .conWrap img {margin: 30px auto; width: 100%; height: auto;}
		.contentArea .conWrap img.w90 {width: 90%}
		.contentArea .conWrap img.w80 {width: 80%}
		.contentArea .conWrap img.w70 {width: 70%}
		.contentArea .conWrap img.w60 {width: 60%}
		.contentArea .conWrap figure {margin: 25px auto;}
		.contentArea .conWrap figure img {margin: 30px 0;}
		.contentArea .conWrap figure figcaption {font-size: 12px;}
		.contentArea .conWrap figure figcaption:after {width: 20px;}
		.contentArea .conWrap .figcaption {font-size: 12px;}
		.contentArea .conWrap .figcaption:after {width: 20px;}
		.contentArea .conWrap .explain {font-size: 12px;background:url('/images/common/starBL.png') 0px 0px no-repeat; background-size:9px auto; padding-left:15px;}
		/* table */
		.contentArea .conWrap table {margin: 30px 0;}
		.contentArea .conWrap table th {padding: 8px 0; }
		.contentArea .conWrap table td {padding: 10px 0; }
		.contentArea .conWrap .contable_01{margin: 30px 0;}
		.contentArea .conWrap .contable_01 td.left {padding: 10px 8px; }
		.contentArea .conWrap .contable_01 td span.listIcon {background: url('/images/common/listBL_gray.png') 0px 9px no-repeat;}
		/* 문장 style */
		.contentArea .conWrap .grayTextBox {padding: 20px;}
		.contentArea .conWrap .grayTextBox ul li {background: url('/images/common/listBL.png') 0px 9px no-repeat;background-size:3px auto; padding-left: 10px; font-size: 13px; }
		.contentArea .conWrap .grayTextBox ul li.mb10 {margin-bottom: 7px!important;}
		.contentArea .conWrap p.graytit {font-size: 15px;}
		.contentArea .conWrap p.mb40{margin-bottom:20px !important;}
		.contentArea .conWrap .graytit.mb20 {margin-bottom: 15px!important;}
		.contentArea .conWrap .grayTableBox {padding: 20px;}
		.contentArea .conWrap .grayTableBox dt, .contentArea .conWrap .grayTableBox dd {font-size: 13px; }
		.contentArea .conWrap .grayTableBox dt {background: url('/images/common/listBL.png') 0px 9px no-repeat; padding-left: 10px;min-width: 25%; background-size: 3px auto;}
		.contentArea .conWrap .grayTableBox dd {padding-left:  20px; max-width: 75%;}
		.contentArea .conWrap .grayTableBox dd:before {height: 11px;top: 5px;}
		.contentArea .conWrap .dscBox.mt50 {margin-top: 40px!important;}
		.contentArea .conWrap .dscBox.mb50 {margin-bottom: 40px!important;}
		.contentArea .conWrap .dscBox p.tit {font-size: 15px; background: url('/images/common/bullet_s.png') 0px center no-repeat;}
		.contentArea .conWrap .dscBox .tit.mb15,.contentArea .conWrap .dscBox .tit2.mb15 {margin-bottom: 10px!important;}
		.contentArea .conWrap .dscBox p.tit2 {padding: 0 20px 0 5px; font-size: 14px; line-height: 1.6;}
		.contentArea .conWrap .dscBox p.tit2 span {padding: 1px 8px; margin-right:7px;}
		.contentArea .conWrap .dscBox p.question {font-size: 14px;}
		.contentArea .conWrap .dscBox p.question span.queMark {padding: 5px 12px;}
		.contentArea .conWrap .dscBox p.question span.queText {padding: 5px 11px;}
		/* tab */
		.subTab {margin-bottom: 40px; }
		.subTab li a {padding: 7px; font-size: 14px;}
		.subTab li:last-child, .subTab.tab_6 li:nth-child(3), .subTab.tab_4 li:nth-child(2) {padding-right: 0;}
		.subTab.tab_6 li {width:calc(100% / 3);}
		.subTab.tab_6 li:nth-child(1),.subTab.tab_6 li:nth-child(2),.subTab.tab_6 li:nth-child(3) {padding-bottom: 2px;}
		.subTab.tab_4 li {width:calc(100% / 2);}
		.subTab.tab_4 li:nth-child(1),.subTab.tab_4 li:nth-child(2) {padding-bottom: 2px;}
		/* iframe */
		.contentArea .conWrap iframe {width: 100%!important;}
		.iframeArea1{height:563px;}
		/* paging */
		.boardPage > span > a {font-size: 15px;}
		.boardPage > span > strong {font-size: 15px;}
		
	/* 국채연혁 */
	.historyTab {margin-top: 35px;}
	.historyTab li a {height: 50px;}
	.historyTab li a span {font-size: 17px;}
	.historyTab li a .circle {height: 20px; background: url('/images/common/historyIcon.png') center no-repeat; background-size: 20px auto;}
	.historyTab li a .bar {height: 5px; bottom:9px;}
	.historyTab li a:hover .circle,.historyTab li.on a .circle {background: url('/images/common/historyIcon_on.png') center no-repeat;background-size: 20px auto;}
	.historyTab li:first-child a .bar {border-radius:10px 0 0 10px;}
	.historyTab li:last-child a .bar {border-radius:0 10px 10px 0;}
	.conWrap .historyWrap section table th {padding: 10px 0; font-size: 15px; }
	.conWrap .historyWrap section table td {padding: 10px 0; font-size: 15px;  vertical-align: top;}
	.conWrap .historyWrap section table .many_top {padding: 10px 0 8px 0;}
	.conWrap .historyWrap section table .many_mid {padding: 8px 0;}
	.conWrap .historyWrap section table .many_btm {padding: 8px 0 10px 0;}
	
	/* 게시판 리스트 */
		/* 공통 */
		.contentArea .conWrap .contable_02 {margin: 0;}
		.contentArea .conWrap .contable_02 .table3W{width:90px;}
		.contentArea .conWrap .contable_02 thead th { height:41px; font-size:14px;}
		.contentArea .conWrap .contable_02 td { padding:9px 0; font-size:14px;}
		.contentArea .conWrap .contable_02 td.left {padding: 9px 5px; }
		/* 게시판 상단 글수, 검색영역 */
		.contentArea .conWrap .board_txt p {font-size: 14px;}
		.contentArea .conWrap .board_txt fieldset .selcet01 {height: 31px; line-height: 30px; font-size: 14px; padding: 0 40px 0 30px;}
		.contentArea .conWrap .board_txt fieldset .searchinput input {height: 31px;width: 200px; font-size: 12px;}
		.contentArea .conWrap .board_txt fieldset .selcetBtn {height: 31px; width: 70px; font-size: 14px; }
		/* 파일 */
		.file_layer > div {right: -120%; min-width: 450px;}
		
	/* 게시판 상세 */
	.contentArea .conWrap .contable_03 {margin: 0;}
	.contentArea .conWrap .contable_03 thead th {padding:12px 0; font-size:20px; color:#323232;}
	.contentArea .conWrap .contable_03 tbody th, .contentArea .conWrap .contable_03 tbody td {font-size:14px;}
	.contentArea .conWrap .contable_03 tbody th {padding:9px 0;}
	.contentArea .conWrap .contable_03 tbody th:after { height: 12px; top:15px;}
	.contentArea .conWrap .contable_03 tbody .fileTh:after {height: 12px;}
	.contentArea .conWrap .contable_03 tbody td {padding:9px 18px;}
	.contentArea .conWrap .contable_03 tbody td.con {padding: 30px;}
	.contentArea .conWrap .contable_03 .fileArea .fileList li > span {font-size: 14px;}
	.contentArea .conWrap .buttonArea .bluebtn {width: 76px; height: 36px; line-height: 36px;}
	.contentArea .conWrap .contable_04 tbody th {padding:9px 0px;}
	.contentArea .conWrap .contable_04 tbody th a {font-size: 14px;}
	.contentArea .conWrap .contable_04 tbody td {font-size:14px; padding:9px 25px;}
	.contentArea .conWrap .contable_04 col:nth-child(1) {width: 140px;}
	.contentArea .conWrap .contable_04 col:nth-child(3) {width: 110px;}
	.contentArea .conWrap .contable_04 tbody td:last-child {padding:9px 0;text-align: center;}
	
	/* 다운로드 페이지 : 국채백서 */
	.downloadArea {margin: 15px 0 35px 0; overflow: hidden;}
	.downloadArea li a {width: 49%; margin-right:2%; margin-bottom: 15px; height: 40px; line-height: 40px; padding: 0 0 0 10px; background: #eee; 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:nth-child(3n) a {margin-right:2%;}
	.downloadArea li:nth-child(even) a {margin-right:0;}
	.downloadArea li span {width: 105px; background: #6fbce8 url('/images/common/ico_down_b.png') 74px center no-repeat; height: 40px; position: absolute; right: -1px; display: block; top:-1px; border-radius:0 6px 6px 0; color: #fff; padding-left: 14px; text-align: left; font-weight: bold;}
		/* 국고채 입찰결과 */
		.downloadArea.six li a {width: calc(100% / 3 - 6px); margin-right: 9px; margin-bottom: 20px; height: 40px; line-height: 40px; padding: 0 105px 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: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:15px;}
	
	/* 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: 11px 80px 11px 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: 16px;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: 100px;background: #6fbce8;border-radius:6px 0 0 6px;color: #fff;text-align: center;font-weight: bold;font-size: 24px;display:  table-cell;vertical-align:  middle;}
	.faqArea li .an {padding: 30px 45px 30px 98px; border:1px solid #cfcfcf; background: #f7f7f7; position: relative; display: none;}
	.faqArea li .an > span {display: block; font-size: 40px; color: #b7b7b7; position: absolute; top:20px; left: 40px;}
	.faqArea li .an > div {border-left: 1px solid #cfcfcf; padding-left: 35px;}
	.faqArea li .an > div p {font-size: 14px; line-height: 1.7; color: #474040;}
	.faqArea .contable_05 { width:100%; background:#fff; margin: 30px 0 0 0!important;}
	.faqArea .contable_05 thead th { height:47px; background:#e7e7e7; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; font-size:14px; color:#323232; font-weight: normal;}
	.faqArea .contable_05 td { padding:11px 0; border-bottom:1px solid #c2c2c2; font-size:14px; color:#7c7c7c; vertical-align:middle;}
	.faqArea .contable_05 td.left {text-align: left; padding: 11px 5px; }
	
	/* 사이트맵 */
	.sitemapArea ol {display:  flex; flex-wrap:  wrap; align-content:  stretch;}
	.sitemapArea ol > li {width: calc(100% / 2 - 13px); margin-bottom: 22px; padding: 0 20px 20px 20px;} 
	.sitemapArea ol > li:nth-child(odd) {margin-right: 25px;}
	.sitemapArea ol > li:nth-child(even) {margin-right: 0!important;}
	.sitemapArea ol > li:nth-child(5),.sitemapArea ol > li:nth-child(6){margin-bottom: 0;}
	.sitemapArea ol > li.long {height: auto;}
	.sitemapArea ol > li.short {height: auto;}
	
	/* Link */
	.linkArea ol > li .siteTit > div {height: 56px; line-height: 56px; font-size: 20px; color: #474040; text-align: center; border-bottom: 2px solid;}
	.linkArea ol > li .depth01 > li > a {background:url('/images/common/listBL_blue.png') 8px 16px no-repeat; padding: 6px 0 6px 20px;  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: 8px center, right center; background-repeat: no-repeat; background-color: #e5e5e5;transition: none;}
}

@media (max-width:1024px) {
	/* header : 상단메뉴 */
	#header {position: fixed; z-index: 100; transition:opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out;}
	#header.hdnup {transform:translate(0,-55px); transition:opacity .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out; border-bottom:1px solid #ddd;}
	
	/* container */
	#container {padding-top: 55px; margin: 0;}
	.submenuLayout .pageNavi .navi_dep .naviBox{top:-5000px; left:-5000px;}
	
	/* sub 상단 공통메뉴 */
	.submenuLayout {position: relative;z-index: 99;}
	.submenuLayout h2 {display: none;}
	
	/* sub common */
	.contentArea .conWrap {-webkit-overflow-scrolling:touch;}
}

@media (max-width:414px) {
	/* container */
	#container {padding-top: 50px;}
}


@media all and (max-width:1024px) {
	/* 오류화면 */
	.error{max-width:600px; height:300px;}
	.errormasage p{font-size:35px;}
	.errormasage span{font-size:14px;}
	.queryTel{background-size:contain; width:280px; padding:40px 10px 0 10px;}
	.queryTel dd.subtel{font-size:16px;}
	.queryTel dd.subtel span{font-size:18px;}
	.queryTel dt{font-size:16px; margin-bottom:8px;}
	.queryTel dd{font-size:30px;}
	.error .homelink a{bottom:0; font-size:16px; padding:8px 20px;}
}

@media all and (max-width:768px) {
	/* 오류화면 */
	.error{max-width:280px; height:auto; text-align:center; margin:30px auto;}
	.errormasage{text-align:left; float:none; display:table; width:100%; height:auto; margin:0 auto;}
	.errormasage p{font-size:32px;}
	.errormasage span.subcopy{font-size:19px;}
	.errormasage span{display:block; width:100%; font-size:15px;}
	.queryTel{float:none; display:table; background-position:top left; text-align:center; height:300px; margin:20px auto 0 auto; padding:40px 0 0 0;}
	.queryTel dt{float:none; display:inline-block; margin-bottom:5px; padding-bottom:5px;}
	.queryTel dd{float:none;}
	.queryTel dd.subtel{font-size:16px;}
	.error .homelink a{position:absolute; left:50%; bottom:0; font-size:16px; padding:8px 20px; margin:0 0 0 -80px;}
}

@media only screen and (max-width: 640px) {
	.mainPopup .content_p {
		width: 80%;
		height: 350px;
		background-size:cover;
	}
	.mainPopup .content_p .title_small {
		font-size: 17px;
		letter-spacing: -0.05em;
	}
	.mainPopup .content_p .title_small .title_large {
		font-size: 40px;
		letter-spacing: -0.1em;
	}
	.mainPopup .content_p .date {
		width: 86%;
		height: 36px;
		font-size: 15px;
		line-height: 34px;
	}
	.mainPopup .content_p .sign {
		line-height: 23px;
		font-size: 15px;
		letter-spacing: -0.05;
	}
	.mainPopup .pop_footer {
		width:80%;
	}
}