@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700|Roboto:300,400,500,700&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');

.ffNoto {font-family: 'Noto Sans KR', sans-serif;}
.ffRoboto {font-family: 'Roboto', sans-serif;}



body {background: url('common/bg.png');}
.wrapper {font-family: 'NanumSquare', sans-serif; color: #56585b;background-color: #fff;}
dl#skipNavi{height: 0; width: 0; overflow: hidden; text-indent:-99999px; position: absolute;top:-99999px; left:-99999px;}


a.conLink {display: inline !important;text-decoration: none;color: inherit;}

img {max-width:100%;}

div#headerWrap {position: relative;background-position: right top;background-repeat: no-repeat;background-color: #fff;}
div#headerWrap h1 {}
div#headerWrap .edition {position: absolute;}

div#headerWrap h1 a,
ul.gnbUtil a, ul.gnbUtil img {display: block;height: 100%;}

ul.gnbUtil {position: absolute;}
ul.gnbUtil li.board a {padding-left: 13px;background: url('common/icon_board.png') 0 center no-repeat;color: #28335a;font-size: 13px;line-height: 21px;font-weight: 700;text-decoration: none;}
ul.gnbUtil li.past select {width: 120px; height:24px; font-family: 'NanumSquare', sans-serif;}
.viewMenu {position: absolute;}
.viewMenu a {display: block;position: relative;z-index: 60;text-indent: -10000px;background: url('common/menu_off.png') center center no-repeat;}
.viewMenu a.view {background-image: url(common/icon_menu_on.png);}

div.gnbWrap {display: none;z-index: 50;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(59,70,95,.8);box-sizing:border-box;}
ul#gnb {overflow-x: hidden;overflow-y: auto;}
ul#gnb li {background-color: #fff;}
ul#gnb a {display: block;position: relative;border-top: 1px dashed #dfdfdf;text-decoration: none;color: #555;}
ul#gnb li:first-child a {border-top: 0 none;}
ul#gnb span {position: absolute;left: 0;color: #000;font-weight: 400;text-align: center;}


div#footerWrap {position: relative;background-color: #373b4a;}
div#footerWrap, div#footerWrap a {color: #ffffff; }
div#footerWrap ul.sns li {margin-left: 10px;}
div#footerWrap ul.sns li:first-child {margin-left: 0;}


/*  Mobile : ~ width:960px  */
@media (max-width: 999px) {
.wrapper {width: 100%;min-width:320px;font-size: 14px;}

.pcOnly {display: none !important;}

div#headerWrap {min-height: 80px;padding: 15px 15px;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
div#headerWrap h1, div#headerWrap h1 img {width: 180px;}
div#headerWrap h1 {}

div.viewMenu {top: 40px;right: 20px;}
div.viewMenu a {width: 26px;height: 26px;background-size: 26px;}

div#headerWrap .edition {right: 20px;top: 15px;color: #fff;width: 100px;height: 20px;background: url('common/edition_bg.png') 0 0 no-repeat;background-size: contain;font-size: 10px;text-align: center;line-height: 20px;}


ul.gnbUtil {position: static;margin-top: 18px;clear: both;line-height: 0;font-size: 0;}
ul.gnbUtil li {display: inline-block;vertical-align: top; width: 31%;margin-right: 10px;}
ul.gnbUtil li:last-child {margin-right: 0;}
ul.gnbUtil li.past {}
ul.gnbUtil li.past select {width: 100%;}

ul.gnbUtil li.board {clear: both;}
ul.gnbUtil li.board img {width: auto;}
ul.gnbUtil li.version img {max-height: 21px; width: auto;}

div.gnbWrap {padding:58px 10px 10px;}
ul#gnb {margin-bottom: 10px;}
ul#gnb li {padding:0 10px;}
ul#gnb a {padding: 10px 10px 10px 10px;}
ul#gnb span {top: 10px;width: 110px;text-align: center;letter-spacing:-1px;}



div#footerWrap {padding: 15px;text-align: center;font-size: 0.9em;}
div#footerWrap li {display: inline-block;vertical-align: top;}
div#footerWrap ul.sns {margin-top: 10px;}
div#footerWrap ul.sns img {width: 30px;}
}

/*  PC : width:961px ~  */
@media (min-width: 1000px) {
.wrapper {width: 1000px; margin: 20px auto;border: 1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0,.3);font-size: 17px;}

.mobileOnly {display: none !important;}

div#headerWrap {padding: 30px 30px;height: 140px;border-bottom: 2px solid #cdd2d9;box-sizing:border-box;}
div#headerWrap h1 {width: 474px;min-height: 83px;margin: 0 auto;background: url('common/webzine_tit.png') center center no-repeat;}
div#headerWrap h1 a {text-indent: -10000px;}

div#headerWrap .edition {top: 30px;right: 39px;width: 192px;background: url('common/edition_bg.png');line-height: 36px;text-align: center;color: #fff;font-weight: 600;}

ul.gnbUtil {top: 25px;left: 30px;}
ul.gnbUtil li {margin-top: 10px;}
ul.gnbUtil li:first-child {margin-top: 0;}
ul.gnbUtil li.goHome {}
ul.gnbUtil li.board {}

.viewMenu {position: absolute;bottom:25px;right: 39px;}
.viewMenu a {margin-left: 10px;width: 45px;height: 39px;background-size: 45px;}
.viewMenu a.view {background-size: 39px;}

div.gnbWrap {padding:95px 40px 20px;}
ul#gnb {margin-bottom: 20px;}
ul#gnb li {padding:0 30px;}
ul#gnb a {padding: 15px 30px 15px 30px;}
ul#gnb span {top: 29px;width: 130px;font-size: 1.0em;}


div#footerWrap {padding: 40px 30px;}
div#footerWrap ul {overflow: hidden;}
div#footerWrap li {float: left;}
div#footerWrap li:before {content: "|";padding: 0 5px;}
div#footerWrap ul.sns li:before,
div#footerWrap li:first-child:before {content: "";padding: 0;}

div#footerWrap ul.sns {position: absolute;right: 40px;top: 50%;margin-top: -23px;}

}




/* 서브 레이아웃*/
.titArea {}
.titArea h2 {font-weight: 700;font-size: 1.3em;}
.titArea p {border-radius:5px;font-size: 1.1em;color: #414141;font-weight: 500;}
.titArea .author {background-color: #fff;text-align: right;color: #606060;font-size: 1.0em;}


div.contents > p {margin-top: 1.5em; line-height:25px;font-weight: 400;}

.subTit {position: relative;margin: 2em 0 0.5em;padding-left: 2em;color: #414141;font-weight: bold;font-size: 1.1em;line-height: 1.2;}
.subTit:before {position: absolute;left: 0;top: 0;width: 1.4em;height: 1.4em;border-radius:0.7em;background: url('common/subTit.png') center center no-repeat;content: ".";text-indent: -10000px;}
.subTit:first-child {margin-top: 1em;}

.sub01 .titArea {background-color: #f9edea;line-height: 1.2;}
.sub01 .titArea h2 {color: #F5AB99;}
.sub01 .subTit:before {background-color: #F5AB99;}

.sub02 .titArea {background-color: #ebdad3;line-height: 1.2;}
.sub02 .titArea h2 {color: #911717;}
.sub02 .subTit:before {background-color: #911717;}

.sub03 .titArea {background-color: #e3f6ce;line-height: 1.2;}
.sub03 .titArea h2 {color: #608338;}
.sub03 .subTit:before {background-color: #608338;}

.sub04 .titArea {background-color: #ddedeb;line-height: 1.2;}
.sub04 .titArea h2 {color: #009688;}
.sub04 .subTit:before {background-color: #009688;}

.sub05 .titArea {background-color: #d2e3f1;line-height: 1.2;}
.sub05 .titArea h2 {color: #2196f3;}
.sub05 .subTit:before {background-color: #2196f3;}

.sub06 .titArea {background-color: #cbd0e7;line-height: 1.2;}
.sub06 .titArea h2 {color: #16288d;}
.sub06 .subTit:before {background-color: #16288d;}

.sub07 .titArea {background-color: #e6d0e9;line-height: 1.2;}
.sub07 .titArea h2 {color: #9c27b0;}
.sub07 .subTit:before {background-color: #9c27b0;}

.sub08 .titArea {background-color: #f8f2be;line-height: 1.2;}
.sub08 .titArea h2 {color: #a87e00;}
.sub08 .subTit:before {background-color: #f8f2be;}

.sub09 .titArea {background-color: #e9f9e4;line-height: 1.2;}
.sub09 .titArea h2 {color: #25ac75;}
.sub09 .subTit:before {background-color: #25ac75;}



table.tblDef {table-layout:fixed; width:100%; border-collapse:collapse; border-right:1px solid #d6d6d6; border-top:1px solid #d6d6d6;}
.ie7 table.tblDef {border-collapse:separate;}
.tblDef th, .tblDef td {font-size:14px;padding:10px 16px; line-height:25px; border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; word-break:break-all;}
.tblDef .tblDef th, .tblDef .tblDef td {padding:8px 4px;}
.tblDef.type2  th, .tblDef.type2 td {font-size:12px; padding:8px 4px;}

.tblDef td *{vertical-align:middle;}
.tblDef thead th,
.tblDef .th {padding:9px 16px; font-weight:bold; background-color:#f7f7f7;}
.tblDef th.td {background-color:#fff; font-weight:normal;}
.tblDef.noThead th,
.tblDef.noThead td {border-left:0 none;}
.tblDef.noThead th {background-color:#f7f7f7;}
.tblDef .ac td {text-align:center !important;}
.tblDef .al td {text-align:left !important;}
.tblDef select.block {width:100%;}
.tblDef input.block,
.tblDef textarea.block {width:98%;}
.tblDef input.block.small,
.tblDef textarea.block.small {width:95%;}
.tblDef .half {width:50%;}




a.btnDef {display:inline-block; padding:0 10px; font-size:12px; color:#323232 !important; line-height:22px; border:1px solid #9e9e9e; background-color:#f9f9f9;}
a.btnDef:hover,
a.btnDef:focus {text-decoration:none;}
a.btnDef span {display:inline-block;}
a.btnDef.download {border:1px solid #e3a21c; background-color:#f6b734;}
a.btnDef.download span {padding-right:15px; color:#fff; background:url('../image/common/bl_arr.gif') 100% 50% no-repeat;}
a.btnDef.bg2 {background-color:#563f3f; border-color:#4b2d2d;}

.sub_tit {display:block; padding:3px 0 3px 25px; background:url('../image/dingbat_tit.gif') 0 5px no-repeat; font-size:16px; font-weight:bold; color:#56585b;}
.table,
table.tblDef {border-top: 2px solid #74797e; border-left:1px solid #e5e0e4; margin-top:20px; width:100%;}
.table th,
table.tblDef thead th {height: 22px;background-color: #e9e9e9;color: #555;text-align: center;border-right: 1px solid #e5e0e4;}
.table td,
table.tblDef td {padding: 5px 10px 5px 10px;border-bottom: 1px solid #e5e0e4;height: 34px; border-right: 1px solid #e5e0e4;color: #494949;}
table.tblDef td {text-align: center;}


table .bdLeft ,
table.tblDef .bdLeft {border-left:1px solid #e6e6e6 !important;}


/* .table td:first-child {border-left: 1px solid #e5e0e4;} */
.table td.bg,
table.tblDef tbody th {background-color: #f9f9f9;text-align: center;}
.table td.pp {border-left:2px solid #f46811; border-right:2px solid #f46811; background-color:#fbf7f8;}
.table p.note {text-align: left;padding-top: 5px;}
.note{color: #c64144;}
.bank{width:840px; height:25px; background-color:#e9e9e9; text-align:center; padding:20px;}
.bank span{color:#fff; font-size:15px; font-weight:bold;}
.apply{width:880px; height:90px; background-color:#f9f9f9;}
.apply2{width:880px; height:90px; background-color:#1e3c5b;}
.apply3{width:880px; height:90px; background-color:#f9f9f9;}



.img {text-align: center;}
.img img {border: 1px solid #d2d2d2;box-sizing:border-box;}

div.esc2019_1 {background: url(common/esc2019_bg_1.png) 0 0 no-repeat; background-size: auto 100%;}
div.esc2019_1 > dt {color: #1f2967;text-align: center;font-weight: bold;}


/*  Mobile : ~ width:960px  */
@media (max-width: 999px) {
div#container {padding: 10px;}
.titArea {padding: 10px;}
.titArea p {margin-top: 10px;}
.titArea .author {padding: 5px 10px;}

.sub01 .subTit:before {background-size: 10px;}

.img img {padding: 10px;}

div.esc2019_1{margin-top: 10px;padding: 10px;text-align: center;}
div.esc2019_1 > ul{padding: 20px 0 5px;font-size: 24px;line-height: 35px;}
div.esc2019_1 > ul li{padding-top: 5px; }
div.esc2019_1 > img {display: block;width: 100%;}



}

/*  PC : width:961px ~  */
@media (min-width: 1000px) {
div#container {padding: 30px 30px 20px;}
.titArea {padding: 20px;}
.titArea p {margin-top: 15px;}
.titArea .author {padding: 10px;}

.img img {padding: 20px;margin: 20px 0;}


	div.esc2019_1 {overflow: hidden;}
	div.esc2019_1 > ul {overflow: hidden; width: 820px; margin: 0 auto;}
	div.esc2019_1 > ul li{float: left; }
	div.esc2019_1 > ul li:nth-child(odd){clear:both;}
}




/* 메인 */


.subTit_bl_1 {position: relative;margin: 0 0 0.5em;text-align: center;color: #ff9800;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_1:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #ff9800;content: "";}
.subTit_bl_1:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #ff9800;content: "";}

.subTit_bl_2 {position: relative;margin: 0 0 0.5em;text-align: center;color: #911717;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_2:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #911717;content: "";}
.subTit_bl_2:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #911717;content: "";}


.subTit_bl_3 {position: relative;margin: 0 0 0.5em;text-align: center;color: #8bc34a;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_3:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #8bc34a;content: "";}
.subTit_bl_3:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #8bc34a;content: "";}


.subTit_bl_4 {position: relative;margin: 0 0 0.5em;text-align: center;color: #009688;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_4:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #009688;content: "";}
.subTit_bl_4:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #009688;content: "";}

.subTit_bl_5 {position: relative;margin: 0 0 0.5em;text-align: center;color: #2196f3;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_5:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #2196f3;content: "";}
.subTit_bl_5:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #2196f3;content: "";}

.subTit_bl_6 {position: relative;margin: 0 0 0.5em;text-align: center;color: #16288d;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_6:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #16288d;content: "";}
.subTit_bl_6:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #16288d;content: "";}
.subTit_bl_6.type1:before {display: none;}
.subTit_bl_6.type1 span:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin: 0 25px;background-color: #16288d;content: "";}


.subTit_bl_7 {position: relative;margin: 0 0 0.5em;text-align: center;color: #9c27b0;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_7:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #9c27b0;content: "";}
.subTit_bl_7:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #9c27b0;content: "";}


.subTit_bl_8 {position: relative;margin: 0 0 0.5em;text-align: center;color: #a87e00;font-weight: 800;font-size: 1.1em;line-height: 1.2;}
.subTit_bl_8:before {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-right: 25px;background-color: #a87e00;content: "";}
.subTit_bl_8:after {display: inline-block; vertical-align: top;width: 2px;height: 1em;margin-left: 25px;background-color: #a87e00;content: "";}

div#container.main {}
div.main a,
div.main strong {display:block;text-decoration: none;}

div.main strong img{position: static; width: 70px; padding-right: 10px; padding-top: 2px;}

div.mainCon:nth-child(odd) {background-color: #f5f5f5;}
div.mainCon > div {background-color: #fff;border-radius:10px;border:1px solid #ccc;}

div.mainCon a {color: #74797e;font-size: 17px;line-height: 1.3;}
div.mainCon strong {padding-bottom: 10px;color: #000;}


div.main span.writer {display: block;text-align: right;}

/* span.hot{position: absolute;top: 0;right: 12px;display: block;width: 47px;height: 29px;background: url('common/hot_bg.png') 0 0 no-repeat;text-align: center;color: #fff;font-size: 15px;} */
span.hot{position: absolute;top: -8px;right: 6px;display: block;width: 52px;height: 38px;background: url('common/icon_hot.png') 0 0 no-repeat;text-align: center;text-indent: -10000px;}
span.hot2{position: absolute;top: -8px;right: 6px;display: block;width: 52px;height: 38px;background: url('common/icon_hot2.png') 0 0 no-repeat;text-align: center;text-indent: -10000px;}

/*  Mobile : ~ width:960px  */
@media (max-width: 999px) {
}

/*  PC : width:961px ~  */
@media (min-width: 1000px) {
	div#container.main{overflow:hidden;padding:0;}
	

	div.mainCon {width: 460px;padding: 35px 30px 40px; box-sizing:border-box;overflow: hidden;}
	div.mainCon.wide {clear: both;width: 100%;}
	div.mainCon > div {min-height:60px;}
	div.mainCon > div.withTit {padding-top: 15px; padding-bottom: 15px;}
	div.mainCon a {color: #74797e;font-size: 15px;}
	div.mainCon strong {padding-bottom: 5px;color: #000;font-size: 18px; font-weight:700;}
	div.main span.writer {font-size: 15px;}

	div.withTit {position: relative;padding-left: 115px;}
	div.withTit h3 {position: absolute;left: 0;top: 15px;width: 100px;height: 100px;font-size: 0;line-height: 0;}
	div.withTit h3 img {display: block;color: #6c6c6c;}

	div.mainCon ul.col2ea {/* overflow: hidden; */}
	div.mainCon ul.col2ea:after {display: block;clear: both;content: '';font-size: 0;line-height: 0;}
	div.mainCon ul.col2ea > li {position: relative;float: left;width: 50%;padding: 30px;border-top: 1px solid #ccc;box-sizing:border-box;}
	/* div.mainCon ul.col2ea > li:nth-child(odd) {clear: both;} */
	div.mainCon ul.col2ea > li.bTop:after {top: 18px;right: 0;position: absolute;display: block;width: 1px;height: 108px;background-color: #ccc;content: '';}
	div.mainCon ul.col2ea > li:nth-child(1),
	div.mainCon ul.col2ea > li:nth-child(2) {border-top: 0 none;}

	div.mainCon ul.col2ea li:nth-child(odd) {clear: both;}
	div.mainCon ul.col2ea > li:nth-child(odd):after {top: 18px;right: 0;position: absolute;display: block;width: 1px;height: calc(100% - 36px);background-color: #ccc;content: '';}

	div.mainCon ul.col2ea > li.wide {width: 100%;padding: 30px;border-right: 0;}
	div.mainCon ul.col2ea > li.wide:after {display: none;}

	div.mainCon li.wide span.hot {border-radius: 0 10px 0 0;}

	div.mainCon ul.col2ea > li.odd {width: 100%;padding: 30px 25%;border-right: 0;}
	div.mainCon ul.col2ea > li.odd:after {display: none;}


	div.withTit ul.col2ea > li:first-child {}
	div.withTit ul.col2ea > li.fr {width: 465px;}

	div.col2ea{overflow: hidden;}
	div.col2ea > *{float:right;width: 39%; vertical-align: middle; display:inline-block; margin-left: 6px;}
	div.col2ea > *:first-child{float:left;margin-left: 0; width: 60%;}
	div.col2ea p{display:inline-block; text-align: center; vertical-align: middle;}
	div.col2ea ul > li{padding-bottom: 20px; margin-bottom: 20px; }
	div.col2ea ul > li img{display:block; margin: 0 auto;}
	div.col2ea ul > li:last-child{margin-bottom: 0; padding-bottom: 0;	}
	div.col2ea ul > li a span.writer{margin-top: 20px;}



}





/*  Mobile : ~ width:960px  */
@media (max-width: 999px) {
div#container.main{padding: 0 0 10px;}
div.main h3 {background-position: center top;background-repeat: repeat-y;background-size: 100%;text-align:center;font-size: 17px; padding: 5px 0;}
div.main h3 img{display:none;}
div.main h3 span {font-size: 17px; padding-left: 15px;}

div.main h3.type01 {background-image: url('main/mainTitBg_01_m.png');}
div.main h3.type02 {background-image: url('main/mainTitBg_02_m.png');}
div.main h3.type03 {background-image: url('main/mainTitBg_03_m.png');}
div.main h3.type04 {background-image: url('main/mainTitBg_04_m.png');}
div.main h3.type05 {background-image: url('main/mainTitBg_05_m.png');}
div.main h3.type06 {background-image: url('main/mainTitBg_06_m.png');}
div.main h3.type07 {background-image: url('main/mainTitBg_07_m.png');}
div.main h3.type08 {background-image: url('main/mainTitBg_08_m.png');}
div.main .fl,
div.main .fr {float: none !important;}

div.mainCon {border: 0 none !important; padding: 20px; text-align: justify;}
div.mainCon strong {width: 100% !important;}
div.mainCon > div {}
div.mainCon > ul > li {padding: 10px 0;}



.withImg a {height: auto !important;}

	h3.subTit_bg{background: #727883; color: #fff; padding: 14px 0 14px; text-align: center;}
	div.col2ea{overflow: hidden;}
	div.col2ea * {margin-bottom: 20px;}
	div.col2ea p{text-align: center; vertical-align: middle;}
	div.col2ea p img{display:inline-block;}
	div.col2ea ul > li{position: absolute;padding-bottom: 10px; margin-bottom: 10px;}
	div.col2ea ul > li:last-child{margin-bottom: 0; padding-bottom: 0;	}
	div.col2ea ul > li a strong{font-size: 16px;}
	div.col2ea ul > li a span.writer{margin-top: 10px !important;}

ul.col2ea li {position: relative;padding: 30px 20px;}
span.hot{top: -7px;width: 45px;height: 33px;background-size: 45px;}


dl.covid19 {margin-top: 10px;padding: 10px;}
dl.covid19> dt {padding: 20px 0 5px;font-size: 24px;line-height: 35px;}
dl.covid19 dd {position: relative; position: relative; padding: 0 40px;}
dl.covid19> dd li {padding-top: 5px;}
dl.covid19> dd img {display: block;width: 100%;}

	dl.covid19 .bx-controls-direction{}
	dl.covid19 .bx-controls-direction a{display:block; width: 35px; height: 35px; position: absolute;	 top:50%; margin-top: -26px; text-indent: -99999px;  background-size: 35px 35px !important;}
	dl.covid19 div.bx-controls-direction a.bx-next{background: url(https://www.circulation.or.kr/knowledge/202011/img/mianBann_next.png) no-repeat 0,0; right: 0;}
	dl.covid19 div.bx-controls-direction a.bx-prev{background: url(https://www.circulation.or.kr/knowledge/202011/img/mianBann_prev.png) no-repeat 0,0; left: 0;}
.bdb:after{position: absolute;bottom: 0;display: block;width: calc(100% - 40px); height: 1px;margin:0 auto; background-color: #ccc; content: '';}

}

/*  PC : width:961px ~  */
@media (min-width: 1000px) {

}




@media all and (min-width: 1000px){ 	
.withImg {position: relative; }
.withImg a{padding-right:480px; }
.withImg a img{position:absolute; top: 15px; right: 60px;} 
.withImg a img.full{right: 0 !important;} 
.twoLine li:first-child{padding-left: 0 !important;}

div.withTit div.bdb{padding-left: 115px; padding-top: 15px;}

div.overHidden {}
div.overHidden > * {float: right;width: calc(50% - 10px);}
div.overHidden > *:first-child {float: left;}
}

@media all and (max-width: 999px){
.withImg{}
.withImg a img{position: static;width: 100%; margin-top: 5px;} 

}
div.sub1 {}
	div.sub1 p{margin-bottom: 15px; text-align: justify;}
	div.sub1 p span{display:block; margin-left: 20px; text-indent: -10px; margin-top: 10px;}





/* 9월 9일 신규웹진 추가 */
div.sec li.wide a{display:block; overflow: hidden; position: relative;}
div.sec li.wide a *{display:block !important; float: none !important;}	
div.sec li.clear{border-top: 1px dotted #ccc;}


/* pc */
@media all and (min-width: 961px) {
.bdb{border-bottom: 0 none;}
.bTop {border-top: 1px solid #ccc !important;}

li.bdb.full{width:100% !important;}
li.bdb.full span.writer{width:440px;}
div.sec li {padding:20px 15px 15px 15px;}
div.sec li.wide a{min-height: 190px; padding-right: 470px;}
div.sec li.wide a img{position: absolute; top:0; right:0;}

div.sec1 li.wide a img{position: absolute; top:0; right:78px;}

div.bdb li {padding-top:20px; padding-bottom:20px;}


}


/* mobile */
@media all and (max-width: 960px) {
.bdb{padding: 0 0 10px 0;}

div.sec li a span{padding-bottom:10px;}
div.sec li.clear{border-top: 0 none;}
div.sec li{border-bottom: 1px dotted #ccc;}
div.mainCon li:last-child{border-bottom: 0 none;}
div.mainCon li:last-child:after {display: none;}

div.sec li.wide a{display:block; overflow: hidden; position: relative;}
div.sec li.wide a img{display:block; margin: 0 auto;	}

}

/* 메인 인사말 추가 21-12-02*/
div.mainCon:first-child {background-color: #fff;}
/*  PC : width:961px ~  */
@media (min-width: 1000px) {
	h3.welcomeTit {margin-bottom: 10px; padding-left: 50px; font-size:28px; color:#222; font-weight: 800; background: url('https://www.circulation.or.kr/knowledge/20/img/welcomeTit.png') no-repeat left center;}
	div.welcome {position:relative; background-color: #eef1f5 !important; border: 0 !important; padding: 33px 190px 33px 34px; color:#222; font-size:16px; line-height: 28px; text-align:justify;  letter-spacing: -0.4px;}
	div.welcome p.img {position:absolute; right:34px; top:53px; font-size:15px; line-height: 20px; font-weight: 700;}
	div.welcome p.img img {padding: 0; border: 0;display: block; margin: 0 auto 5px;}
}

/*  mobile : width:961px ~  */
@media (max-width: 999px) {
	h3.welcomeTit {margin: 0 0 10px; padding-left: 50px !important; text-align:left !important; font-size:17px; color:#222; font-weight: 800; background: url('https://www.circulation.or.kr/knowledge/20/img/welcomeTit.png') no-repeat left center !important;}
	div.welcome {position:relative; background-color: #eef1f5 !important; border: 0 !important; padding:15px; color:#222; font-size:15px; line-height: 28px; text-align:justify;  letter-spacing: -0.4px; }
	div.welcome p.img {display: block; font-size:15px; line-height: 20px;margin-bottom: 10px; font-weight: 700;}
	div.welcome p.img img {padding: 0; border: 0;display: block; margin: 0 auto 5px;}
}




/* 테이블 가로 스크롤 */

.tblScroll {overflow-x:scroll;overflow-y:hidden;}
.tblScroll table {min-width: 900px;}