@charset "utf-8";
@import url('fontawesome.css');
@import url('NotoSans.css');
@import url('NotoSerif.css');
@import url('MyriadPro.css');
@import url('Roboto.css');
@import url('common.css');

/*  Size : 1360 / 960 / 640  */

#google_translate_element div.goog-te-gadget-simple {background-color:#fcf9eb;border:none;border-left: 1px solid #e2e2e2;padding:0px;padding-left:5px;}
#google_translate_element select {}
#google_translate_element span {}
#google_translate_element a {display: unset;padding-left:3px;}


@media (min-width: 1360px) {
	div.wrapper {min-width: 1250px;}
	div.wrapper:before {position: absolute;left: 0;top: 0;width: 100%;height: 40px;content: "";background-color: #f6f6f6;}

	div#headerWrap {z-index: 100;position: relative;height: 215px;padding-top: 159px;border-bottom: 1px solid #e2e2e2;box-sizing:border-box;}
	div#headerWrap:after {position: absolute;left: 0;top: 159px;width: 100%;height: 1px;content: "";background-color: #e2e2e2;}
	div#headerWrap h1 {position: absolute;left: 50%;top: 58px;margin: 0 0 0 -625px;}
	div#headerWrap h1 a,
	div#headerWrap h1 img {display: block;width:680px;}

	.mOnly {display: none !important;}

	/*div.headerBnr {position: absolute;left: 50%;top: 56px;margin-left: 294px;}*/
	div.headerBnr {position: absolute;left: 50%;top: 56px;margin-left: 290px;}
	div.headerBnr a, div.headerBnr img {display: block;}

	div.header_qrcode {position: absolute;left: 50%;top: 56px;margin-left: 534px;}
	div.header_qrcode a, div.header_qrcode img {display: block;}
}

@media (min-width:959px) and (max-width:1360px) { div.wrapper {} 
	div.wrapper:before {position: absolute;left: 0;top: 0;width: 100%;height: 
	40px;content: "";background-color: #f6f6f6;}

	div#headerWrap {z-index: 100;position: relative;height: 215px;padding-top: 159px;border-bottom: 1px solid #e2e2e2;box-sizing:border-box;}
	div#headerWrap:after {position: absolute;left: 0;top: 159px;width: 100%;height: 1px;content: "";background-color: #e2e2e2;}
	div#headerWrap h1 {position: absolute;left: 20px;top: 58px;margin: 0;}
	div#headerWrap h1 a,
	div#headerWrap h1 img {display: block;width:680px;}

	.mOnly {display: none !important;}

	div.headerBnr {position: absolute;right: 3px;top: 56px;width: 333px;}
	div.headerBnr a,
	div.headerBnr img {display: block;}

	div.header_qrcode {    position: absolute; right: 0px;  top: 56px; width: 90px;}
	div.header_qrcode a,
	div.header_qrcode img {display: block;}
}

@media (max-width: 960px) {
	div.wrapper {min-width: 320px;}
	
	div#headerWrap {z-index: 100;position: relative;padding: 0;}
	div#headerWrap h1 {padding-right: 65px;margin:0px 10px; overflow:hidden;}
	div#headerWrap h1 a {display: block;height: 65px;}
	div#headerWrap h1 img {height: 52px;padding: 7px 0px; width:360px;}
	
	.pcOnly {display: none !important;}

	div.headerBnr {display: none;}
	div.header_qrcode {display: none;}
}



/* headerMenu */
ul.headerMenu, ul.headerMenu li, ul.headerMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}


/*  width:1360px ~  */
@media (min-width: 1361px) {
	ul.headerMenu {z-index: 50;position: absolute;left: 50%;top: 0;width: 1250px;margin-left: -625px;text-align: right;font-size: 0;line-height: 0;}
	ul.headerMenu li {display: inline-block;vertical-align: top;}
	ul.headerMenu a {display: block;padding: 0 15px;color: #084e9d;font-size: 15px;line-height: 40px;font-family: 'Malgun-Gothic', 'Malgun Gothic', sans-serif;}
	ul.headerMenu li.lang a {border-left: 1px solid #e2e2e2;background-color: #fcf9eb;}
	ul.headerMenu li.lang a:after {display: inline-block;vertical-align: top;width: 14px;height:40px;content: "";background: url('../image/header_bl.png') right center no-repeat;}
	ul.headerMenu li.lang img {display: inline-block;vertical-align: top;padding: 12px 5px 0 0;}
	ul.headerMenu li.bg a {background-color: #666666;color: #fff;}
}

/*  width:961px ~ 1359px  */
@media (min-width:959px) and (max-width:1360px) {
	ul.headerMenu {z-index: 50;position: absolute;right: 0;top: 0;width: 625px;text-align: right;font-size: 0;line-height: 0;}
	ul.headerMenu li {display: inline-block;vertical-align: top;}
	ul.headerMenu a {display: block;padding: 0 15px;color: #084e9d;font-size: 15px;line-height: 40px;font-family: 'Malgun-Gothic', 'Malgun Gothic', sans-serif;}
	ul.headerMenu li.lang a {border-left: 1px solid #e2e2e2;background-color: #fcf9eb;}
	ul.headerMenu li.lang a:after {display: inline-block;vertical-align: top;width: 14px;height:40px;content: "";background: url('../image/header_bl.png') right center no-repeat;}
	ul.headerMenu li.lang img {display: inline-block;vertical-align: top;padding: 12px 5px 0 0;}
	ul.headerMenu li.bg a {background-color: #666666;color: #fff;}
}

/*  width:960px  */
@media (max-width: 960px) {
	ul.headerMenu {display: none;}
}


/* GNB */
ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb a {font-family: 'NotoSansKR Regular', sans-serif;word-break:keep-all;}

@media (min-width: 1361px) {
	ul#gnb {position: relative;width: 1250px;height: 55px;margin: 0 auto;}
	ul#gnb > li {float: left;margin-left: 40px;position:relative;}
	ul#gnb > li:hover > ul{display:block;}
	ul#gnb > li:hover > a:after{transform: rotate(180deg);}
	ul#gnb > li:first-child {margin-left: 0;}
	ul#gnb > li > a {position: relative;display: block;padding-right: 20px;color: #ffffff;font-size: 16px;line-height: 53px;padding-bottom: 3px;font-family: 'NotoSans-Bold', sans-serif;}
	ul#gnb > li > a:after {position: absolute;right: 0;top: 50%;width: 10px;height: 6px;margin-top: -5px;content: "";background: url('../image/gnb_bl_menu.png') center center no-repeat;transition:transform .5s;}
	ul#gnb > li > a.esubmit:after {background:none;}
	/* ul#gnb > li.on > a {padding-bottom: 0;border-bottom: 3px solid #004f94;} */
	ul#gnb > li.on > a:after {transform:rotate(180deg);}

	ul#gnb ul {display: none;position: absolute;left: 0;top: 55px;border:1px solid #B6B6B6;min-width: 226px;padding: 14px 20px 20px;background-color: #f6f6f6;box-sizing:border-box;}
	ul#gnb ul li {padding-top: 10px;}
	ul#gnb ul a {display: block;color: #000;font-size: 14px;line-height: 25px;font-weight: bold;}
	ul#gnb ul a:hover {text-decoration: underline;}
}

@media (min-width:961px) and (max-width:1360px) {
	ul#gnb {position: relative;height: 55px;margin: 0;}
	ul#gnb > li {float: left;margin-left: 40px;position:relative;}
	ul#gnb > li:hover > ul{display:block;}
	ul#gnb > li:hover > a:after{transform: rotate(180deg);}
	ul#gnb > li:first-child {margin-left: 20px;}
	ul#gnb > li > a {position: relative;display: block;padding-right: 20px;color: #ffffff;font-size: 16px;line-height: 53px;padding-bottom: 3px;font-family: 'NotoSans-Bold', sans-serif;}
	ul#gnb > li > a:after {position: absolute;right: 0;top: 50%;width: 10px;height: 6px;margin-top: -5px;content: "";background: url('../image/gnb_bl_menu.png') center center no-repeat;transition:transform .5s;}
	ul#gnb > li > a span {display: none;}
	ul#gnb > li > a.esubmit:after {background:none;}
	/* ul#gnb > li.on > a {padding-bottom: 0;border-bottom: 3px solid #004f94;} */
	ul#gnb > li.on > a:after {transform:rotate(180deg);}

	ul#gnb ul {display: none;position: absolute;left: 0;top: 55px;border:1px solid #B6B6B6;min-width: 226px;padding: 14px 20px 20px;background-color: #f6f6f6;box-sizing:border-box;}
	ul#gnb ul li {padding-top: 10px;}
	ul#gnb ul a {display: block;color: #000;font-size: 14px;line-height: 25px;font-weight: bold;}
	ul#gnb ul a:hover {text-decoration: underline;}
}

@media (max-width: 960px) {
	ul#gnb {position: relative;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
	ul#gnb:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	ul#gnb > li {float: left;margin-left: 15px;}
	ul#gnb > li > a {position: relative;display: block;padding-right: 15px;color: #ffffff;font-size: 16px;line-height: 53px;padding-bottom: 3px;font-family: 'NotoSans-Bold', sans-serif;}
	ul#gnb > li > a:after {position: absolute;right: 0;top: 50%;width: 10px;height: 6px;margin-top: -5px;content: "";background: url('../image/gnb_bl_menu.png') center center no-repeat;transition:transform .5s;}
	ul#gnb > li > a span {display: none;}
	ul#gnb > li > a.esubmit:after {background:none;}
	/* ul#gnb > li.on > a {padding-bottom: 0;border-bottom: 3px solid #004f94;} */
	ul#gnb > li.on > a:after {transform:rotate(180deg);}

	ul#gnb ul {display: none;position: absolute;left: 0 !important;top: 55px;border:1px solid #B6B6B6;width: 100%;padding: 10px 15px 15px;background-color: #f6f6f6;box-sizing:border-box;}
	ul#gnb ul li {padding-top: 5px;}
	ul#gnb ul a {display: block;color: #000;font-size: 14px;line-height: 25px;font-weight: bold;}
	ul#gnb ul a:hover {text-decoration: underline;}
}


/* Header > 전체 검색*/
dl.gnbSearch, dl.gnbSearch dt, dl.gnbSearch dd, dl.gnbSearch a {margin: 0;padding: 0;text-decoration: none;}

@media (min-width: 1361px) {
	dl.gnbSearch dt {position: absolute;left: 50%;top: 159px;width: 95px;margin-left: 530px;}
	dl.gnbSearch dt a {position: relative;display: block;width: 65px;padding-right: 30px;font-size: 16px;line-height: 55px;font-family: 'NotoSans-Bold', sans-serif;text-align: right;color: #FFF;}
	dl.gnbSearch dt a:after {position: absolute;right: 0;top: 50%;width: 18px;height: 18px;margin-top: -9px;content: "";background: url('../image/header_search.png') center center no-repeat;}
	dl.gnbSearch dt.view a:after {background-image: url('../image/header_search_close.png');}

	dl.gnbSearch > dd {display: none;position: absolute;left: 0;top: 215px;width: 100%;padding: 45px 0;background-color: #f6f6f6;z-index:-1;}
	dl.gnbSearch > dd form,
	dl.gnbSearch > dd > div {width: 1250px;margin: 0 auto;}
	dl.gnbSearch > dd form:before {display: block;padding-bottom: 10px;content: "Keyword, Title, Abstract, or Author";font-size: 16px;line-height: 35px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.gnbSearch > dd form:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	dl.gnbSearch > dd input[type=text] {float: left;width: 405px;height: 50px;border: 1px solid #dcdcdc;color: #000;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Regular', sans-serif;}
	dl.gnbSearch > dd input[type=submit] {cursor:pointer;float: left;width: 95px;height: 50px;border: 1px solid #0168a1;background-color: #0168a1;color: #fff;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.gnbSearch div.goSearch {padding-top: 10px;}
	dl.gnbSearch div.goSearch a {color: #000;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Regular', sans-serif;}
}

@media (min-width:961px) and (max-width:1360px) {
	dl.gnbSearch dt {position: absolute;right: 23px;top: 159px;width: 95px;}
	dl.gnbSearch dt a {position: relative;display: block;width: 65px;padding-right: 30px;font-size: 16px;line-height: 55px;font-family: 'NotoSans-Bold', sans-serif;text-align: right;color: #FFF;}
	dl.gnbSearch dt a:after {position: absolute;right: 0;top: 50%;width: 18px;height: 18px;margin-top: -9px;content: "";background: url('../image/header_search.png') center center no-repeat;}
	dl.gnbSearch dt.view a:after {background-image: url('../image/header_search_close.png');}

	dl.gnbSearch > dd {display: none;position: absolute;left: 0;top: 215px;width: 100%;padding: 45px 20px;background-color: #f6f6f6;z-index:-1;box-sizing:border-box;}
	dl.gnbSearch > dd form,
	dl.gnbSearch > dd > div {}
	dl.gnbSearch > dd form:before {display: block;padding-bottom: 10px;content: "Keyword, Title, Abstract, or Author";font-size: 16px;line-height: 35px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.gnbSearch > dd form:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	dl.gnbSearch > dd input[type=text] {float: left;width: 405px;height: 50px;border: 1px solid #dcdcdc;color: #000;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Regular', sans-serif;}
	dl.gnbSearch > dd input[type=submit] {float: left;width: 95px;height: 50px;border: 1px solid #0168a1;background-color: #0168a1;color: #fff;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.gnbSearch div.goSearch {padding-top: 10px;}
	dl.gnbSearch div.goSearch a {color: #000;font-size: 16px;line-height: 35px;font-family: 'NotoSans-Regular', sans-serif;}
}

@media (max-width: 960px) {
	dl.gnbSearch dt a {position: absolute;display: block;right: 0;top: 25px;width: 65px;height: 25px;font-size: 0;line-height: 0;background: url('../image/header_search_m.png') center center no-repeat;background-size: 23px;}
	dl.gnbSearch dt.view a {background-image: url('../image/header_search_close_m.png');}

	dl.gnbSearch > dd {display: none;position: absolute;left: 0;top: 109px;width: 100%;padding: 10px 15px 20px;background-color: #f6f6f6;box-sizing:border-box; z-index:10;}
	dl.gnbSearch > dd:before {display: block;padding-bottom: 5px;content: "Keyword, Title, Abstract, or Author";font-size: 12px;line-height: 25px;font-family: 'NotoSans-Bold', sans-serif;}

	dl.gnbSearch > dd input[type=text],
	dl.gnbSearch > dd input[type=submit] {display: block;width: 100%;margin-bottom: 10px;height: 40px;font-size: 14px;line-height: 25px;}

	dl.gnbSearch > dd input[type=text] {border: 1px solid #dcdcdc;color: #000;font-family: 'NotoSans-Regular', sans-serif;}
	dl.gnbSearch > dd input[type=submit] {border: 1px solid #0168a1;background-color: #0168a1;color: #fff;font-family: 'NotoSans-Bold', sans-serif;}

	dl.gnbSearch div.goSearch {}
	dl.gnbSearch div.goSearch a {color: #000;font-size: 12px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
}

/* headerMenu fix*/

div.header__container.fixed {
	width: 100%;height:57px;z-index: 100;position: fixed;left: 0;top: 0;background:#FFF;border-bottom:5px solid #e61f19;
}
dl.gnbSearch.fixed {z-index: 100;position: fixed;top: 0;width: 100%;}

div.header__container.fixed ul#gnb > a > div {margin: 0px;margin-left: -330px;width: 300px;height: 57px; }
div.header__container.fixed ul#gnb {padding-left:330px;width:930px;background-image: url('/image/header_logo.svg');     background-size: 300px auto; background-repeat: no-repeat; background-position: left center; }
div.header__container.fixed ul#gnb > li { float:left; }
div.header__container.fixed ul#gnb > li > a { color:#595959;line-height:57px;padding-bottom:2px; }
div.header__container.fixed ul#gnb > li > a:after { background: url('../image/gnb_bl_menu_fix.png') center center no-repeat; }
div.header__container.fixed ul#gnb > li > ul { border-top:none;top:57px;}
div.header__container.fixed ul#gnb > li:last-child { display:none; }


dl.gnbSearch.fixed dt { top: 0px; }
dl.gnbSearch.fixed dt a:after {margin-top:-10px;background: url('../image/header_search_fix.png') center center no-repeat;}
dl.gnbSearch.fixed dt.view a:after {margin-top:-10px;background: url('../image/header_search_close_fix.png') center center no-repeat;}
dl.gnbSearch.fixed dt > a { color:#595959;line-height:57px;}
dl.gnbSearch.fixed dd { top:58px; }

@media (min-width:961px) and (max-width:1360px) {

	div.header__container.fixed ul#gnb {background-position: 20px center;}
	dl.gnbSearch.fixed dt { right: 23px; }
	
	@media (max-width:1100px) { 
		div.header__container.fixed ul#gnb > li { margin-left:15px; }
	}

	@media (max-width:1050px) { 
		dl.gnbSearch.fixed dt > a { margin-left:10px; font-size: 0;color: transparent; }
	}

}

@media (max-width: 960px) {
	div.header__container.fixed, dl.gnbSearch.fixed {display:none;}
}

/* FooterWrap */
dl.allMenu, dl.allMenu dt, dl.allMenu dd, dl.allMenu ul, dl.allMenu li, dl.allMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.allMenu > dt a.twitter {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}

.footer_logo {position: absolute;bottom:35px;right:0px; z-index:999;}

@media (min-width: 1361px) {
	div#footerWrap {position: relative;background-color: #2f2f2f;}
	div#footerWrap:after {position: absolute;left: 0;bottom: 0;width: 100%;height: 95px;content: "";background-color: #222;}

	dl.allMenu {width: 1250px;margin: 0 auto;padding: 40px 0 70px; position:relative;}
	dl.allMenu > dt {position: relative;margin-bottom: 20px;}
	dl.allMenu > dt > img{display: block;}
	dl.allMenu > dt a {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
	dl.allMenu > dd {padding-top: 25px;border-top: 1px solid #555;}
	dl.allMenu > dd.qrcode{padding-top:0; border-top:0; position:absolute; right:0; bottom:50px;}

	dl.allMenu ul {}
	dl.allMenu ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	dl.allMenu a {color: #fff;font-size: 14px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
	dl.allMenu ul ul a:hover {text-decoration: underline;}
	dl.allMenu dd > ul > li {float: left;width: 25%;}
	dl.allMenu dd > ul > li > a {font-size: 18px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.allMenu ul ul {padding-top: 25px;}

	div.footer {position: relative;z-index: 10;width: 1250px;margin: 0 auto;padding: 35px 0;color: #a2a2a2;font-size: 14px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
}

@media (min-width:961px) and (max-width:1360px) {
	div#footerWrap {position: relative;background-color: #2f2f2f;}
	div#footerWrap:after {position: absolute;left: 0;bottom: 0;width: 100%;height: 95px;content: "";background-color: #222;}

	dl.allMenu {padding: 40px 20px 70px;}
	dl.allMenu > dt {position: relative;margin-bottom: 20px;}
	dl.allMenu > dt > img{display: block;}

	dl.allMenu > dd {padding-top: 25px;border-top: 1px solid #555;}
	dl.allMenu ul {}
	dl.allMenu ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	dl.allMenu a {color: #fff;font-size: 14px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
	dl.allMenu ul ul a:hover {text-decoration: underline;}
	dl.allMenu dd > ul > li {float: left;width: 25%;}
	dl.allMenu dd > ul > li > a {font-size: 18px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.allMenu ul ul {padding-top: 25px;}

	div.footer {position: relative;z-index: 10;padding: 35px 0;margin:0px 20px;color: #a2a2a2;font-size: 14px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
}

@media (max-width: 960px) {
	div#footerWrap {position: relative;background-color: #2f2f2f;}

	dl.allMenu {padding: 15px;}
	dl.allMenu > dt {position: relative;margin-bottom: 15px;}
	dl.allMenu > dt > img{display: block;height: 22px;}
	dl.allMenu > dt a.twitter img {height: 20px;}

	dl.allMenu dd {border-top: 1px solid #555;}
	dl.allMenu ul {}
	dl.allMenu dd > ul > li {padding-top: 20px;}
	dl.allMenu dd > ul > li:first-child {padding-top: 10px;}

	dl.allMenu a {color: #eee;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}
	dl.allMenu dd > ul > li > a {font-size: 16px;font-family: 'NotoSans-Bold', sans-serif;}
	dl.allMenu ul ul {padding-top: 10px;}

	div.footer {padding: 15px;color: #a2a2a2;font-size: 12px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;background-color: #222;}
	div.footer:before {display: block;height: 0px;content: "";background-size: auto 10px;}

	.footer_logo {bottom:18px;}
	.footer_logo img {width: 60%;}
}



/* ================================================ Main =============================================== */
/*  Mobile : ~ width:960px  */

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div#container.main {width: auto;padding-bottom: 0;}
div.main div.more {clear: both;text-align: right;padding-top: 25px;}
div.main div.more a {display: inline-block;vertical-align: top;color: #000;font-size: 16px;line-height: 25px;font-family: 'NotoSans-Bold', sans-serif;text-decoration: none;}
div.main div.more a:after {display: inline-block;vertical-align: top;padding-left: 10px;content: ">";}
}

/*  Tablet : width:961px ~ 1360px  */
@media (min-width:961px) and (max-width:1360px) {
div#container.main {margin: 0;padding: 0;}
div.main div.more {clear: both;text-align: right;padding: 25px 20px 0;}
div.main div.more a {display: inline-block;vertical-align: top;color: #000;font-size: 16px;line-height: 25px;font-family: 'NotoSans-Bold', sans-serif;text-decoration: none;}
div.main div.more a:after {display: inline-block;vertical-align: top;padding-left: 10px;content: ">";}
}

@media (max-width: 960px) {
div.main div.more {clear: both;text-align: right;padding:0 15px 15px;}
div.main div.more a {display: inline-block;vertical-align: top;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;text-decoration: none;}
div.main div.more a:after {display: inline-block;vertical-align: top;padding-left: 10px;content: ">";}
}


/* mainArticle */
div.mainArticle ul, div.mainArticle li, div.mainArticle a,
ul.articleList, ul.articleList li, ul.articleList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.mainArticle a,
div.mainArticle span {display: block;font-family: 'Roboto','NotoSans-Regular', sans-serif;text-decoration: none;}

div.mainArticle div.hot a {color: #000;}

ul.articleList span.type span:after {    position: absolute;    right: 0;    top: 50%;    width: 1px;    height: 10px;    margin-top: -5px;    content: "";    background-color: #333;}
ul.articleList span.type.after_none span:after{display:none;}

div.mainArticle div.hot span.type span:after {position: absolute;right: 0;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #000000;}

.hot_list{}
div.mainArticle div.hot .hot_list{position:static; height:100%;padding:15px;}

.hot_list .slick-dots{position:absolute !important; right: 37px; bottom: 20px; padding-left: 20px;}
div.mainArticle div.hot .hot_list .slick-dots li{display: inline-block; vertical-align: top; width: 10px !important; height: 10px; margin-left: 10px;}
.hot_list .slick-dots li button{display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #000; font-size:0; border:0; padding:0; cursor:pointer;}

@media (max-width: 960px) {
	div.mainArticle img {display: block;width: 100%; min-width:100px;}
	.hot_wrap_txt h3{margin:0; padding:0; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-weight:700; color:#4f5052; font-size:14px !important;
	white-space: nowrap;}
	.hot_wrap_txt div{margin-top:10px; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-size:12px !important; line-height:22px;}

	div.mainArticle div.hot {background-color: #F2F2F2; position:relative;}
	div.mainArticle div.hot li{height: 100%;}
	div.mainArticle div.hot li a {position: relative;padding-bottom:50px;color: #000;box-sizing:border-box;}
	div.mainArticle div.hot span {padding:0 15px;font-size: 14px;line-height: 24px;}
	div.mainArticle div.hot span.thumb {display: block;padding: 0;background-color: #fff;box-sizing:border-box;} 
	div.mainArticle div.hot span.tit {padding:10px 15px 20px;font-size: 16px;font-family: 'NotoSerif-Bold', sans-serif;} div.mainArticle div.hot 
	span.type {padding-top: 30px;font-size: 13px;line-height: 14px;} 
	div.mainArticle div.hot span.type span {position: relative;display: inline-block;vertical-align:top;line-height: 14px;padding:0 10px 0 0;margin-right: 10px;font-family:'NotoSans-Bold', sans-serif;}

	div.hot div.bx-controls {padding: 15px;text-align: right;}
	div.hot div.bx-controls:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	div.hot div.bx-controls > div {float: right;}

	div.mainArticle ul.articleList {padding:0 15px 15px;}
	ul.articleList > li {position: relative;padding:20px 0 !important;border-bottom: 1px solid #e2e2e2;}

	ul.articleList a {display: block;position: relative;box-sizing:border-box;color: #000;font-size: 13px;line-height: 20px; font-family: 'Roboto','NotoSans-Regular', sans-serif;}
	ul.articleList span {display: block;}
	ul.articleList span.thumb {position: absolute;right: 0;top: 0;width: 120px;height: 65px;border: 1px solid #d5d5d5;box-sizing:border-box;}
	ul.articleList span.thumb img {display: block;width: 100%;height: 100%;}
	ul.articleList span.tit {padding:0 135px 0 0;font-size: 14px;line-height: 18px;font-family: 'NotoSerif-Bold', sans-serif;}
	ul.articleList span.writer {padding: 10px 0 5px;}
	ul.articleList span.type {padding-top: 0px; padding-bottom:10px;line-height: 13px;color: #333;font-size: 13px;}
	ul.articleList span.type span {position: relative;color: #ED7D31;display: inline-block;vertical-align: top;padding-right: 10px;margin-right: 10px;font-family: 'NotoSans-Bold', sans-serif;}

	ul.articleList a.noThumb {}
	ul.articleList a.noThumb span.tit {min-height: auto;padding-right: 0;}
}

@media (min-width:961px) {
	ul.articleList {position: relative;}

	ul.articleList a {display: block;position: relative;height: 100%;padding-bottom: 50px;box-sizing:border-box;color: #000;font-size: 13px;line-height: 20px;}
	ul.articleList a:hover span.tit {text-decoration: underline;}

	ul.articleList span {display: block;}
	ul.articleList span.thumb {margin-top: 0;border: 1px solid #d5d5d5;min-height:110px;}
	/*ul.articleList span.thumb img {display: block;width: 100%;height: 100%;}*/
	ul.articleList span.thumb img {display: block;width: auto !important;max-width: 100% !important;max-height: 110px !important;margin:auto;}

	ul.articleList span.tit {padding-top: 10px;font-size: 16px;line-height: 22px;font-family: 'NotoSerif-Bold', sans-serif;}
	ul.articleList span.tit:first-child {padding-top: 0;}

	ul.articleList span.writer {padding: 10px 0 5px;}
	ul.articleList span.type {padding-bottom:12px;height: 13px;line-height: 13px;color: #333;font-size: 13px;}
	ul.articleList span.type span {position: relative;display: inline-block;color: #ff3300;padding-right: 10px;margin-right: 10px;font-family: 'NotoSans-Bold', sans-serif;}

	div.mainArticle {position: relative; margin: 40px 20px 110px; display:flex;}
	div.mainArticle:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	div.mainArticle div.more {position: absolute;right: 0;bottom: -50px;}

	div.mainArticle span.tit {font-family: 'NotoSerif-Bold', sans-serif;}
	div.mainArticle span.type {height: auto;}
	div.mainArticle span.type span {padding-left: 0 !important;font-family: 'Roboto','NotoSans-Bold', sans-serif;}

	div.mainArticle span.thumb img {display: block;width: 100%;height: 100%;}
	div.mainArticle div.hot {background-color: #F2F2F2; width:450px; position:relative; height:100%;margin-right:20px;}
	div.mainArticle div.hot ul,
	div.mainArticle div.hot li {position: relative;}
	div.mainArticle div.hot ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	div.mainArticle div.hot li a {position: relative;padding: 0 0 70px;color: #000000;box-sizing:border-box;}
	div.mainArticle div.hot span {padding: 10px 25px 0;font-size: 15px;line-height: 25px;}
	div.mainArticle div.hot span.thumb {width: 100%;padding: 0;border: 1px solid #d5d5d5;background-color: #fff;box-sizing:border-box;}
	div.mainArticle div.hot span.tit {padding:20px;font-size: 24px;line-height: 32px;}
	div.mainArticle div.hot span.type {line-height: 14px;}
	div.mainArticle div.hot span.type span {position: relative;display: inline;padding: 0 10px 0 0;margin-right: 10px;font-weight:bold;}

	div.hot div.bx-controls {position: absolute;right: 20px;bottom: 20px;padding-left: 20px;}

	div.hot div.bx-wrapper,
	div.hot div.bx-viewport {}
	div.hot a.bx-start,
	div.hot a.bx-stop {position: absolute;left: 0;top: 0;width: 10px;height: 10px;}

	div.mainArticle ul.articleList { font-size:0; margin-left:-7px; margin-right:-7px;}
	div.mainArticle ul.articleList > li {width:50%;}
	div.mainArticle ul.articleList > li {height: 33.3333%;box-sizing:border-box; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:50%; padding:0 7px;}
	div.mainArticle ul.articleList a {height: 100%;border-bottom: 1px solid #e2e2e2;}

	div.mainCon ul.articleList {display:grid;grid-column-gap:15px;grid-template-columns: repeat(5, 1fr);}
	div.mainCon ul.articleList > li {position: relative;border-bottom: 1px solid #e2e2e2;}
}

@media (min-width:961px) and (max-width:1360px) {
	div.mainArticle ul.articleList > li:nth-child(-n+2) {}
	div.mainArticle ul.articleList > li:nth-child(n+3) {padding-top:15px;}
}

@media (min-width: 1361px) {
	div.mainArticle {position: relative;width: 1250px;margin: 40px auto 110px;padding: 0; box-sizing:border-box; display:flex;}
	div.mainArticle > div{width:auto;}
	/*div.mainArticle div.hot li {width: 500px !important;}*/
	div.mainArticle div.hot{width:500px; height:100%;}
	div.mainArticle ul.articleList > li {height: 50%;box-sizing:border-box; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:33.3333%; padding:0 7px;}

	div.mainArticle ul.articleList > li:nth-child(-n+3) {}
	div.mainArticle ul.articleList > li:nth-child(n+4) {padding-top:15px;}
}

div.moreLink {}
div.moreLink ul, div.moreLink li, div.moreLink a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.moreLink a,
div.moreLink img {display: block;}
div.moreLink img {width: 100%;}

ul.mainLink li {height: 50%;}

ul.mainBbs {position: relative;}
ul.mainBbs > li {box-sizing:border-box;}
ul.mainBbs a {position: relative;;font-family: 'NotoSans-Regular', sans-serif;text-align: center;color: #404346;}
ul.mainBbs a:before {position: absolute;left: 0;top: 50%;width: 100%;transform:translateY(-50%);content: attr(pub-link);color: #fff}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.moreLink {padding: 15px;}
div.moreLink:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.moreLink .indexdIn{float:left;width: calc(50% - 4px);margin-bottom: 7px;}
div.moreLink .indexdIn:nth-child(2){float:right;}

ul.mainLink {clear: both;}
ul.mainLink:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainLink > li {float: left;width: 50%;}
ul.mainLink a {height: 100%;}

div.moreLink ul.mainBbs {clear: both;padding-top: 0px;}
ul.mainBbs:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.mainBbs > li {float: right;width: 50%;border-top: 1px solid #fff;width: calc(50% - 4px);}
ul.mainBbs > li:nth-child(odd) {float: left;border-right: 1px solid #fff;}
ul.mainBbs a {font-size: 13px;}
}


/*  Tablet : width:961px ~   */
@media (min-width:961px) {
div.moreLink {position: relative; max-width: 1250px;margin: 60px auto 60px;padding: 0; font-size:0;}

div.moreLink > div{padding:0 10px;}
div.moreLink > div > *{display:inline-block; width:25%; padding:0 10px; box-sizing:border-box;}

div.moreLink a,
div.moreLink img {height: 100%;font-size:0.95em;}

ul.mainLink li {margin-top: 1px;}
ul.mainLink li:first-child {margin-top: 0;}

ul.mainBbs li {height: 20%;border-top: 1px solid #fff;}
ul.mainBbs li:first-child {border-top: 0 none;}
}


/*  PC : width:1360px ~  */
@media (min-width: 1350px) {

div.moreLink {position: relative; max-width: 1250px;margin: 60px auto 60px;padding: 0; font-size:0;}
div.moreLink > div{margin-left:-20px; margin-right:-20px; padding:0;}
div.moreLink > div > *{display:inline-block; width:25%; padding:0 20px; box-sizing:border-box;}


}


div.submitstat {font-family:Roboto, sans-serif;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
	div.submitstat {background-color: #e8eaee;padding: 15px; padding-bottom:0px;}
	div.submitstat:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

	div.submitstat .indexdIn{float:left;width: calc(50% - 4px);margin-bottom: 7px;}
	div.submitstat .indexdIn:nth-child(2), div.submitstat .indexdIn:nth-child(4){float:right;}

	div.submitstat > div > div > div > div {margin:0px 0px;background-repeat:no-repeat;background-size:cover;height:120px;}
	div.submitstat > div > div > div > div > p.indexdIn1 {font-size:25pt;font-weight:bold;margin:0px;padding:27px 0px 0px;text-align:center;}
	div.submitstat > div > div > div > div > p.indexdIn2 {font-size:12pt;margin:0px;padding:12px 0px 0px;text-align:center;}

	div.last_months	{background-color: #e8eaee;display:block;padding:0px 15px 0px 0px;}
	div.last_months > div {position: relative; max-width: 960px;margin:0px auto;padding: 0; font-size:0;}
	div.last_months > div > p.indexdIn3 {font-size:11pt;margin:0px;padding:0px 0px 0px 12px; text-align:right; font-weight:normal;}

	.article_div {width:120px;float:right; margin-top: 7px;min-height: 70px;text-align:center;margin-right:10px;margin-left: 7px; height:auto !important;}
	.article_image {width: auto !important;max-width:100% !important;max-height:110px !important;margin:auto;}
}


/*  Tablet : width:961px ~   */
@media (min-width:961px) {
	div.submitstat {background-color: #e8eaee;display:block;padding:35px 10px 5px;}
	div.submitstat > div {position: relative; max-width: 1250px;margin:0px auto;padding: 0; font-size:0;}
	div.submitstat > div > div {padding:0 10px;}
	div.submitstat > div > div > div {display:inline-block;width:25%;box-sizing:border-box;}
	div.submitstat > div > div > div > div {margin:0px 10px;background-repeat:no-repeat;background-size:cover;height:120px;}
	div.submitstat > div > div > div > div > p.indexdIn1 {font-size:25pt;font-weight:bold;margin:0px;padding:27px 0px 0px;text-align:center;}
	div.submitstat > div > div > div > div > p.indexdIn2 {font-size:12pt;margin:0px;padding:12px 0px 0px;text-align:center;}	

	div.last_months	{background-color: #e8eaee;display:block;padding:0px 38px 0px 0px;}
	div.last_months > div {position: relative; max-width: 1250px;margin:0px auto;padding: 0; font-size:0;}
	div.last_months > div > p.indexdIn3 {font-size:11pt;margin:0px;padding:0px 0px 0px 12px; text-align:right;margin-left: 5px; margin-right: -5px;height: 30px; font-weight:normal;}

	.article_div {width:220px;float:left; margin-top: 0;min-height: 110px;text-align:center;margin-right:10px;}
	.article_image {width: auto !important;max-width:100% !important;margin:auto;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1350px) {	
	div.submitstat {padding:35px 0px 15px;}
	div.submitstat > div > div {margin-left:-20px; margin-right:-20px;}
	div.submitstat > div > div > div > div {margin:0px 10px;}

	div.last_months	{background-color: #e8eaee;display:block;padding:0px 10px 15px 0px;}
	div.last_months > div {position: relative; max-width: 1250px;margin:0px auto;padding: 0; font-size:0;}
	div.last_months > div > p.indexdIn3 {font-size:11pt;margin:0px;padding:0px 0px 0px 12px; text-align:right;margin-left: 5px; margin-right: -5px;height: 30px; font-weight:normal;}

	.article_div {width:300px;float:left; margin-top: 0;min-height: 110px;text-align:center;margin-right:10px;}
	.article_image {width: auto !important;max-width:100% !important;margin:auto;cursor: zoom-in;}
}

/*  Ranking  */
div.ranking,
div.mainCon.bg {background-color: #e8eaee;}

div.ranking, div.ranking dl, div.ranking dt, div.ranking dd, div.ranking ul, div.ranking li, div.ranking a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.ranking > div.column > div {background:#FFFFFF;}

@media (min-width:1081px) {
div.ranking {padding: 60px 20px 60px;}
/*div.ranking div.column {display:grid;grid-column-gap:25px;grid-template-columns: repeat(3, 1fr);}*/
div.ranking div.column{display:flex;justify-content: space-between; align-items: stretch;}
div.ranking div.column > div{width:33.3333%;}
div.ranking div.column > div + div{margin-left:25px;}
div.ranking a,
div.ranking span {display: block;}

div.ranking dl {position: relative;padding: 20px 30px 60px;background-color: #fff;text-align: left;}
div.ranking dt {padding-bottom: 10px;color: #000;font-size: 20px;line-height: 30px;font-family: 'NotoSans-Bold', sans-serif;}
div.ranking dt:after {display: block;margin-top: 10px;width: 45px;height: 4px;content: "";background-color: #D7000F;}
div.ranking dd li {padding: 15px 0;border-bottom: 1px solid #ddd;}
div.ranking dd li a {position: relative;overflow: hidden;padding-left: 60px;font-size: 15px;line-height: 22px;font-family: 'Roboto','NotoSans-Regular', sans-serif;color: #000;}
div.ranking dd span {position: absolute;left: 0;top: 1px;width: 50px;font-size: 16px;}

div.ranking div.more {position: absolute;right: 30px;bottom: 30px;padding: 0;}
div.ranking div.more a {font-family: 'NotoSans-Medium', sans-serif;font-size: 14px;}

div.ranking ul.quickMenu {position: relative;padding-bottom: 143px; height:100%; box-sizing:border-box;}
div.ranking ul.quickMenu > li {position: relative;height: 100%;}
div.ranking ul.quickMenu > li.esubmit {position: absolute;left: 0;bottom: 0;width: 100%;height: 128px;}

div.ranking a.issue {position: relative;height: 100%;padding: 0 184px 0 25px;background-color: #D7000F;font-size: 14px;line-height: 19px;color: #fff;font-family: 'Roboto','NotoSans-Regular', sans-serif; text-align: left;}
div.ranking a.issue span {padding-top: 20px;}
div.ranking a.issue span.tit {font-family: 'MyriadPro-Bold', sans-serif;font-size: 24px;line-height:30px;}
div.ranking a.issue span:last-child {padding-right: 75px;}
div.ranking a.issue img {position: absolute;right: 10px;bottom: 0;}

div.ranking a.eSubmit {position: relative;display: table-cell;width: 370px;height: 128px;padding: 0 60px 0 30px;vertical-align: middle;text-align: left;background:url('../image/submission_bg.png') right center no-repeat;background-size:cover;color: #fff;font-size: 16px;line-height: 18px;font-family: 'NotoSans-Medium', sans-serif;}
div.ranking a.eSubmit:before {position: absolute;left: 0;top: 14px;width: 12px;height: calc(100% - 28px);content: "";}
div.ranking a.eSubmit span {font-family: 'MyriadPro-Bold', sans-serif;font-size: 34px;line-height: 30px;}

dl.moreInfo, dl.moreInfo dt, dl.moreInfo dd, dl.moreInfo a {margin: 0;padding: 0;text-decoration: none;}
dl.moreInfo {position: relative;margin: -15px 20px 0;height: 100px;padding: 0 20px 0 300px;border-radius: 10px;background-color: #474747;box-shadow:0 0 15px rgba(0,0,0,.4);box-sizing:border-box;}
dl.moreInfo > dt {position: absolute;left: 30px;top: 50%;width: 285px;transform:translateY(-50%);font-family: 'MyriadPro-Bold', sans-serif;font-size: 24px;line-height:30px;color: rgba(255,255,255,.5);}
dl.moreInfo > dt br {display: none;}
dl.moreInfo > dd {display: table-cell;width: 1250px;height: 100px;padding-left:30px;text-align: left;vertical-align: middle;}
dl.moreInfo > dd a {display: inline-block;vertical-align: top;padding: 5px 30px;border-radius: 21px;margin:5px 0 5px 16px;color: #fff;border: 1px solid #fff;font-size: 15px;line-height: 30px;font-family: 'Malgun Gothic', 'Malgune-Gothic', sans-serif;}
}

@media (min-width: 1361px) {
	div.ranking {display: block;padding: 25px 0 60px;text-align: center;font-size: 0;line-height: 0;}
	div.ranking div.column {width: 1250px;margin: 0 auto;}

	dl.moreInfo {width: 1250px;margin: -15px auto 0;}
}

@media (max-width: 1080px) {
div.ranking {padding: 15px;}
div.ranking a,
div.ranking span {display: block;}

div.ranking dl {position: relative;padding: 15px 20px;margin-bottom: 10px;background-color: #fff;}
div.ranking dt {padding-bottom: 5px;color: #000;font-size: 16px;line-height: 30px;font-family: 'NotoSans-Bold', sans-serif;}
div.ranking dt:after {display: block;margin-top: 5px;width: 45px;height: 4px;content: "";background-color: #D7000F;}
div.ranking dd li {padding: 15px 0;border-bottom: 1px solid #ddd;}
div.ranking dd li a {position: relative;padding-left: 60px;font-size: 14px;line-height: 20px;font-family: 'Roboto','NotoSans-Regular', sans-serif;color: #000;}
div.ranking dd span {position: absolute;left: 0;top: 0;width: 50px;font-size: 16px;}

div.ranking div.more {padding: 10px 0 0;}
div.ranking div.more a {font-family: 'NotoSans-Medium', sans-serif;font-size: 14px;}

div.ranking a.issue {position: relative;padding: 15px 122px 15px 15px;background-color: #D7000F;font-size: 16px;line-height: 19px;color: #fff;font-family: 'Roboto','NotoSans-Regular', sans-serif; text-align: left;}
div.ranking a.issue img {position: absolute;right: 10px;bottom: 0;width: 82px;}
div.ranking a.issue span {padding-top: 15px;}
div.ranking a.issue span.tit {padding-top: 0;font-family: 'MyriadPro-Bold', sans-serif;font-size: 20px;line-height:25px;}

div.ranking ul.quickMenu > li.esubmit {margin-top:10px;}
div.ranking a.eSubmit {position: relative;height: 70px;padding: 24px 60px 0 15px;vertical-align: middle;text-align: left;background:#F68121;background-size: 100%;color: #fff;font-size: 16px;line-height: 18px;font-family: 'NotoSans-Medium', sans-serif;}
div.ranking a.eSubmit span {font-family: 'MyriadPro-Bold', sans-serif;font-size: 34px;line-height: 30px;}

dl.moreInfo {display:none;}
}


/* Recent Issues */

.recent .slick-arrow{position: absolute;top: 50%;width: 15px;height: 26px;margin-top: -13px;font-size: 0;line-height: 0;  background-color:transparent; background-position: center center;background-repeat: no-repeat;background-size: 8px; border:0;}
.recent .slick-arrow.slick-prev{left: -50px;background-image: url('../image/recent_prev.png');}
.recent .slick-arrow.slick-next{right: -50px;background-image: url('../image/recent_next.png');}
.recent .slick-slide{margin:0 29px;}

div.recent ul, div.recent li, div.recent a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

@media (min-width: 1361px) {
	div.mainCon {padding: 60px 0;}

	div.mainCon > * {width: 1250px;margin: 0 auto;}
	div.mainCon h3 {margin: 0 auto;padding-bottom: 40px;color: #000;font-size: 24px;line-height: 30px;font-family: 'NotoSans-Bold', sans-serif;}
	div.mainCon h3:after {display: block;margin-top: 10px;width: 45px;height: 4px;content: "";background-color: #D7000F;}

	ul.gallery, ul.gallery li, ul.gallery a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
	ul.gallery {margin: 0 auto;}
	ul.gallery:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	ul.gallery > li {float: left;width: 290px;margin-left: 30px;}
	ul.gallery > li:first-child {margin-left: 0;}
	ul.gallery a,
	/*ul.gallery a > * {display: block;} */
	ul.gallery a > *:first-child {margin-bottom: 10px;}
	ul.gallery span {font-size: 15px;line-height: 22px;color: #000;font-family: 'Roboto','NotoSans-Regular', sans-serif}
	ul.gallery span.writer {display: block;font-size: 13px;line-height: 20px;color: #000;font-family: 'Roboto','NotoSans-Regular', sans-serif}


	div.recent {width:1150px;}
	div.recent, div.recent li, div.recent a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
	div.recent {position: relative;margin: 0 auto;}
	div.recent > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	div.recent > ul > li {float: left;margin-left: 58px;}
	div.recent > ul > li:first-child {margin-left: 0;}

	div.recent li a,
	div.recent li img {display: block;}
	div.recent li a {font-size: 14px;line-height: 20px;color: #000;font-family: 'NotoSans-Regular', sans-serif;text-align: center;}
	div.recent img {margin-bottom: 10px;}
}

@media (max-width:1360px) {
	div.mainCon {padding: 15px;}

	div.mainCon h3 {margin: 0;padding-bottom: 10px;color: #000;font-size: 18px;line-height: 30px;font-family: 'NotoSans-Bold', sans-serif;}
	div.mainCon h3:after {display: block;margin-top: 5px;width: 45px;height: 4px;content: "";background-color: #D7000F;}
	div.mainCon ul.articleList {padding: 15px 0;}

	ul.gallery, ul.gallery li, ul.gallery a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
	ul.gallery {}
	ul.gallery:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	ul.gallery > li {float: right;width: calc(50% - 5px);margin-top: 10px;}
	ul.gallery > li:nth-child(odd) {clear: both;float: left;}

	ul.gallery a,
	ul.gallery a > * {display: block;}
	ul.gallery a > *:first-child {width: 100%;}
	ul.gallery img {display: block;width: 100%;}
	ul.gallery span {display: block;padding-top: 10px;font-size: 14px;line-height: 20px;color: #000;font-family: 'Roboto','NotoSans-Regular', sans-serif}
	ul.gallery span.writer {display: block;font-size: 13px;line-height: 20px;color: #000;font-family: 'Roboto','NotoSans-Regular', sans-serif}


	div.mainCon div.more {padding: 10px 0 0;}

	div.recent{padding: 20px 60px 0}
	div.recent > ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
	div.recent > ul > li {float: left;width: 160px;margin-left: 58px;}
	div.recent > ul > li:first-child {margin-left: 0;}
	div.recent li a,
	div.recent li img {display: block; margin:0 auto;}
	div.recent li a {font-size: 14px;line-height: 20px;color: #000;font-family: 'NotoSans-Regular', sans-serif;text-align: center;}
	div.recent img {margin-bottom: 10px;}
}

/* 메인 배너 */
div.bnrzone {position: relative;padding: 15px 0;border-top: 1px solid #d5d5d5;background-color: #f4f4f4;}
.bnrzone > div{max-width:1096px; margin:0 auto; position:relative;}
.bnrzone_slide {padding-left:0px;}
.bnrzone_slide .slick-arrow{position: absolute;left: 50%;top: 50%;width: 48px;height: 48px;border-radius: 50%;border: 1px solid #9da0a8;margin-top: -25px;font-size: 0;line-height: 0;background-color: #f9f9f9;background-position: center center;background-repeat: no-repeat;}
.bnrzone_slide .slick-prev{margin-left: -625px; background-image: url(../image/bnr_prev.png);}
.bnrzone_slide .slick-next{margin-left: 585px; background-image: url(../image/bnr_next.png);}
.bnrzone_slide .slick-slide a {display:block;background-color:#F4F4F4;}
.bnrzone_slide .slick-slide img{border: 1px solid #cfd1d4;margin:auto;height:53px;}

.bnrzone_slide .slick-slide{margin:0 14px;height:55px;}

@media (max-width: 1360px) {
	div.bnrzone{padding: 15px 70px;}
	.recent .slick-slide{margin:0px;}
	.bnrzone_slide .slick-slide{margin:auto; padding:0 20px;}
	.bnrzone_slide .slick-arrow{top:26px;}
	.bnrzone_slide .slick-prev{margin-left:0; left:-50px;}
	.bnrzone_slide .slick-next{margin-left:0; right:-52px; left:auto;}
}

@media (max-width: 960px) {
	div.bnrzone {padding-top:15px; padding-bottom:15px;}
	.bnrzone_slide .slick-arrow{top:26px;}
	.bnrzone_slide .slick-prev{left:-50px;}
	.bnrzone_slide .slick-next{right:-50px;}
}

@media (max-width: 640px) {
	.recent .slick-slide{margin:0;}
}


/* titArea */
div.titArea, div.titArea h2, div.titArea dl, div.titArea dt, div.titArea dd, div.titArea ul, div.titArea li, div.titArea a,
dl#lnb, dl#lnb dt, dl#lnb dd, dl#lnb ul, dl#lnb li, dl#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.titArea2, div.titArea2 h2, div.titArea2 dl, div.titArea2 dt, div.titArea2 dd, div.titArea2 ul, div.titArea2 li, div.titArea2 a,
dl#lnb, dl#lnb dt, dl#lnb dd, dl#lnb ul, dl#lnb li, dl#lnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

dl.pagePath > dd {color: #000;font-size: 12px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}

div.contents {color: #000;font-size: 15px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}

div.txtCon .subTit {margin: 35px 0 20px !important;padding: 0;font-size: 27px;line-height: 36px;color:#B1292E;font-family: 'NotoSans-Bold', sans-serif;font-weight: bold;}
div.txtCon .pointTit {margin: 25px 0 7px !important;padding: 0;font-size: 22px;line-height: 30px; color:#F68121;font-family: 'NotoSans-Medium', sans-serif;font-weight: bold;}
div.txtCon .boldTit {margin: 10px 0 5px !important;padding: 0;font-size: 18px;;line-height: 30px;color: #000;font-family: 'NotoSans-Bold', sans-serif;font-weight: bold;}

.subTit:first-child,
.pointTit:first-child,
.boldTit:first-child {margin-top: 10px;}

ul.navi, ul.navi li, ul.navi a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.navi {}
ul.navi > li {position: relative;margin-top: 5px;padding-left: 20px;}
ul.navi > li:first-child {margin-top: 0;}
ul.navi > li:before {position: absolute;left: 0;top: 12px;width: 5px;height: 5px;border-radius: 50%;content: "";background-color: #000;}
ul.navi a {color: #0168a1;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}

.btn .download {width: 200px;text-align: left !important;}
.btn .download img {float: right;vertical-align: top;padding: 5px 0 0;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div#container {}
div.titArea {position: relative;padding: 20px 15px;box-sizing:border-box;}
div.titArea h2 {font-size: 20px;line-height: 30px;color: #000;font-family: 'NotoSans-Bold', sans-serif;}

div.titArea2 {position: relative;box-sizing:border-box;}
div.titArea2 h2 {font-size: 20px;line-height: 30px;color: #000;font-family: 'NotoSans-Bold', sans-serif;}

dl.pagePath {display: none;}

dl#lnb {padding: 0 15px 15px;}
dl#lnb > dt {padding-bottom: 5px;color: #262626;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;}
dl#lnb dd li {padding-top: 5px;}
dl#lnb dd a {color: #0168a1;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}

div.contents > * {padding: 0 15px 15px;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div#container {margin: 0 20px;padding-bottom: 190px;}
div#container:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.titArea {position: relative;height: 150px;margin: 0 auto;padding: 80px 0 30px 350px;box-sizing:border-box;}
div.titArea h2 {font-size: 36px;line-height: 40px;color: #000;font-family: 'NotoSans-Bold', sans-serif;}

div.titArea2 {position: relative;height: 150px;margin: 15px; auto;padding: 80px 0 30px 350px;box-sizing:border-box;}
div.titArea2 h2 {font-size: 36px;line-height: 40px;color: #000;font-family: 'NotoSans-Bold', sans-serif;}

dl.pagePath {position: absolute;left: 0;top: 10px;font-size: 0;line-height: 0;}

div.wa {}
div.wa > div {width: 90% !important;    padding-left: 0px;float:left !important;}

dl#lnb {float: left;width: 290px;padding: 10px 20px;margin-top:-65px;border: 1px solid #dadada;box-sizing:border-box;}
dl#lnb > dt {padding: 15px 0;color: #000;font-size: 22px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;}
dl#lnb dd li {border-top: 1px solid #dadada;padding-top: 6px; padding-bottom: 6px;}
dl#lnb dd li:first-child {border-top: 0 none;}
dl#lnb dd a {color: #0168a1;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif; }

div.contents {float: right;width: calc(100% - 350px);}
div.titArea + div.contents {float: none;width: 100%;}
div.titArea2 + div.contents {float: none;width: 100%;}
}


/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div#container {width: 1250px;margin: 0 auto;padding-bottom: 190px; position:relative;}
div.titArea {padding-left: 350px;}
div.titArea2 {padding-left: 350px;}
div.contents,
div.titArea + div.contents {position: relative;float: right;width: calc(100% - 350px);}
div.titArea2 + div.contents {position: relative;float: right;width: calc(100% - 350px);}

div.contents > div.articleType2 ul {overflow:hidden;border-right:1px solid #414141;}
div.contents > div.articleType2 li {float:right;border-top:1px solid #414141;border-left:1px solid #414141;border-bottom:1px solid #414141;border-collapse : collapse;}
div.contents > div.articleType2 li a {text-decoration:none;display:block;min-width:80px;height:22px;padding:4px 5px 5px;text-align:center;color:#414141;font-family:Calibri, sans-serif;font-weight:bold;font-size:15px;}
div.contents > div.articleType2 li a:hover,
div.contents > div.articleType2 li a:focus {background-color:#e4dcdb;}
div.contents > div.articleType2 li.on a {color:#fff;background-color:#414141;}
}

/* archive style */
@media (min-width: 900px) {
	div.archive_div > div.titArea {padding-left:0px;height:160px;}
	div.archive_div > div.titArea2 {padding-left:0px;height:160px;}	
}

@media (min-width: 1360px) {
	div.archive_div > div.titArea {padding-left:350px;height:160px;}
	div.archive_div > div.titArea2 {padding-left:350px;height:160px;}
}


/* 기본 테이블 */
table.tblDef, table.tblDef > thead, table.tblDef > tbody, table.tblDef > tfoot, table.tblDef > * > tr, table.tblDef> * > tr > * {margin:0;padding:0;border:0 none;}
table.tblDef {width:100%; border:0 none; border-collapse:separate; border-spacing:0;}
.ie7 table.tblDef {border-collapse:collapse;}
table.tblDef> * > tr > th {font-weight:normal;}
table.tblDef> * > tr > td {word-break:normal; border-bottom:1px solid #c6c6c8;}

table.tblDef {border-top: 3px solid #0168a1;}
table.tblDef > * > tr > * {padding: 10px;border-bottom: 1px solid #c6c6c8;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}



/* 페이징 */
ul.pager, ul.pager li, ul.pager a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.pager {padding: 20px;text-align: center;font-size: 0;line-height: 0;}
ul.pager li {display: inline-block;width: 31px;vertical-align: top;margin-left: 7px;}
ul.pager li:first-child {margin-left: 0;}
ul.pager a {display: block;height: 20px;padding: 4px 0;border: 1px solid #c6c6c8;border-radius: 3px;text-align: center;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;color: #c6c6c8;}

ul.pager .prev {}
ul.pager .next {}
ul.pager .bl {width:42px}
ul.pager .more a {font-size: 0;line-height: 0;}
ul.pager .more a:before {display: block;content: "...";font-size: 16px;line-height: 10px;}
ul.pager .on a {border-color: #0168a1;background-color: #0168a1;color: #fff;}
ul.pager a:hover {border-color: #0168a1;color: #0168a1;}

ul.pagerUtil, ul.pagerUtil li, ul.pagerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.pagerUtil {}
ul.pagerUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.pagerUtil > li {float: left;width: 40%;text-align: center;color: #000;line-height: 24px;}
ul.pagerUtil > li.ar,
ul.pagerUtil > li.al {width: 15%;}

ul.pagerUtil a {display: block;line-height: 34px;}
ul.pagerUtil > li input {display: inline-block;width:40px;padding: 0 5px;margin: 0 10px;border: 1px solid #c6c6c8;line-height: 32px;text-align: center;}

ul.pagerUtil > li.al a {float: left;color: #000;}
ul.pagerUtil > li.ar a {float: right;color: #1673a2;}
ul.pagerUtil img {display: inline-block;vertical-align: top;padding-top: 5px;}
ul.pagerUtil > li.al img {padding-right: 10px;}
ul.pagerUtil > li.ar img {padding-left: 10px;}

/* 토글메뉴 / 반응형 메뉴 */
dl.rwMenu, dl.rwMenu dt, dl.rwMenu dd, dl.rwMenu a,
dl.toggleArea_rw, dl.toggleArea_rw dt, dl.toggleArea_rw dd, dl.toggleArea_rw a {position: relative;margin: 0;padding: 0;text-decoration: none;}

ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {}
ul.subMenu:after {clear: both;display: block;height: 1px;line-height: 0;font-size: 0;content: "";background-color: #e0e0e0;}

ul.subMenu + * {margin-top: 50px;}
ul.subMenu > li {float: left;width: auto;height: 67px;box-sizing:border-box;}

ul.subMenu a {display: block;margin:5px 0 0 1px;border: 1px solid #e0e0e0;border-bottom: 0 none;background-color: #f2f2f2;}
ul.subMenu > li:first-child a {margin-left: 0;}
ul.subMenu span {display: table-cell;height: 51px;padding:5px 10px;text-align: center;vertical-align: middle;color: #000;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;}
ul.subMenu li.on a {height: 63px;margin-top: 0;background-color: #fff;border-top: 5px solid #006699;}
ul.subMenu li.on span {height: 56px;padding: 3px 10px;color: #006699;}

/*  Mobile : ~ width:960px  */
@media  (max-width: 960px) {
dl.toggleArea,
dl.rwMenu,
dl.toggleArea_rw {position: relative;}

div.contents > dl.toggleArea,
div.contents > dl.rwMenu,
div.contents > dl.toggleArea_w {margin: 15px;}

dl.rwMenu > dd,
dl.rwMenu a.trigger {position: relative;overflow: hidden;display: block; color: #fff; background:#1f4d8f; font-size: 15px;line-height: 20px;text-overflow:ellipsis;white-space:nowrap;font-family: 'NotoSans-Bold', sans-serif; display:block;}
dl.rwMenu a.trigger:after {position: absolute;right: 10px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('../image/sub/toggle_bl_on.png') center center no-repeat;}
dl.rwMenu .view a.trigger{color:#fff; background:#1f4d8f;}
dl.rwMenu .view a.trigger:after {transform:rotate(180deg); }
div.filter dl.rwMenu > dd{display:none;}
.articleMenu .rwMenu > dd{background:transparent;}
.articleMenu .rwMenu > dd a{color:#000;}

.filter dl.rwMenu a.trigger{display:block; padding:10px 32px 10px 38px; background:#1f4d8f url('../image/filter_icon.gif') left 15px center no-repeat; background-size:18px;}
div.filter dl.rwMenu > dd{position:absolute;}

.contents dl.rwMenu a.trigger{display:block; padding:10px 32px 10px 15px; background:#1f4d8f}
.contents dl.rwMenu dd{background:#fff; border:3px solid #1f4d8f; top:40px; display:none; position:absolute;}
.contents dl.rwMenu .menu.year {height:auto; padding:15px 20px;}
.menu.year a{color:#151515;}

.toggleCon,
dl.rwMenu > dd,
dl.toggleArea_rw > dd {z-index: 10; left: 0;top: 40px;width: 100%; box-sizing:border-box;}

.toggleCon ul.menu,
dl.rwMenu ul.menu,
dl.toggleArea_rw ul.menu {overflow-x: hidden;overflow-y: auto;height: 80px;}

.toggleCon ul.menu, .toggleCon li, .toggleCon a,
dl.rwMenu ul.menu, dl.rwMenu li, dl.rwMenu dd a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.rwMenu ul.menu li  {width: 100% !important;padding-top: 5px;}
dl.rwMenu ul.menu li {border: 0 none !important;}

dl.rwMenu + div.bbsSearch {padding-top: 0;}

dl.rwMenu > dd a,
dl.toggleArea_rw > dd a {display: block;color: inherit;}
div.contents > ul.subMenu {margin: 15px;}
ul.option li a {display: unset; }

ul.pagerUtil {margin: 20px 15px;}
ul.pagerUtil > li {float: left;width: 60%;text-align: center;color: #000;line-height: 24px;}
ul.pagerUtil > li.ar,
ul.pagerUtil > li.al {width: 10%;}

ul.pagerUtil a {font-size: 0;line-height: 0;}
}


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

dl.toggleArea {z-index: 10;position: relative;}
dl.rwMenu > dt,
dl.toggleArea_rw > dt{display: none;}

dl.rwMenu + div.bbsSearch {margin-top: 30px;}

a.trigger {position: relative;overflow: hidden;display: block;padding: 15px 45px 15px 20px;background-color: #e9e9e9;color: #222;font-size: 20px;line-height: 30px;text-overflow:ellipsis;white-space:nowrap;}
a.trigger:after {position: absolute;right: 20px;top: 50%;width: 23px;height: 12px;margin-top: -6px;content: "";background: url('/image/common/toggle.png') center center no-repeat;}
.view a.trigger:after {transform:rotate(180deg);}

.toggleCon {position: absolute;left: 0;top: 60px;width: 100%;padding: 10px 20px 20px;border: 2px solid #e9e9e9;background-color: #fff;box-sizing:border-box;}
.toggleCon ul.menu {overflow-x: hidden;overflow-y: auto;height: 140px;}
.toggleCon ul.menu, .toggleCon li, .toggleCon a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
.toggleCon ul.menu li {padding-top: 5px;}

dl.rwMenu ul.menu {position: relative;margin: 0;padding: 0;}
dl.rwMenu ul.menu:before {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #e0e0e0;}
dl.rwMenu ul.menu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.rwMenu ul.menu li {height: 67px;list-style:none;box-sizing:border-box;border-bottom: 1px solid #e0e0e0;}
dl.rwMenu ul.menu li + li{padding-top:5px;}
dl.rwMenu ul.menu.year li + li{padding-top:0;}
dl.rwMenu ul.menu li a {display: block;margin:5px 0 0 5px;border: 1px solid #e0e0e0;border-bottom: 0 none;background-color: #f2f2f2;}
dl.rwMenu ul.menu li span {display: table-cell;width: 5000px;height: 50px;padding:5px;text-align: center;vertical-align: middle;color: #000;font-size: 16px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;}
dl.rwMenu ul.menu li.on a {height: 57px;background-color: #fff;border-top: 5px solid #006699;}
dl.rwMenu ul.menu li.on span {padding: 3px 5px;color: #006699;}

ul.pagerUtil {padding-top: 50px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1350px) {
}

/* txtConBrief */
div.txtConBrief ul, div.txtConBrief ol, div.txtConBrief li {margin: 0;padding: 0;list-style:none;}

/* txtCon */
div.txtCon p, div.txtCon dl, div.txtCon dt, div.txtCon dd, div.txtCon ul, div.txtCon li {margin: 0;padding: 0;list-style:none;}
div.txtCon h5 {margin: 20px 0 0;font-weight: normal;font-size: 16px;}

a.conLink {display: inline;text-decoration: none;color: #0168a1;word-break:break-all;}
div.txtCon > dl,
div.txtCon dt,
div.txtCon p {margin-top: 20px;}
div.txtCon dt:first-child,
div.txtCon h3 + *,
div.txtCon h4 + *,
div.txtCon h5 + * {margin-top: 0 !important;}
div.txtCon a {color:#0056af;text-decoration: none;}

div.txtCon sup {display: inline-block;vertical-align: top;margin-top: -5px;}

div.txtCon dd > dl, div.txtCon dd > p, div.txtCon dd > ul, div.txtCon dd > ol {margin-left: 0px;}
div.txtCon dl > *:first-child, div.txtCon dd > *:first-child {margin-top: 0px;}
div.txtCon dd, div.txtCon ul {margin-bottom:15px;}
div.txtCon li {margin-bottom:3px;}
div.txtCon dt {font-weight:bold;margin-bottom:1px;}

ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style:none;}
ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 25px !important;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) ') ';}

ul.reference, ul.reference > li {margin: 0;padding: 0;list-style:none;}
ul.reference > li {position: relative; padding-top: 10px;padding-left: 0px !important; text-align:left !important}
ul.reference > li:first-child {margin-top: 0;}
ul.reference > li:before {position: absolute;left: 0;top: 0;width: 25px;text-align: right;font-family: 'NotoSans-Bold', sans-serif;}

ul.txtIn5 > li {padding-left: 5px !important;text-indent: -1px;padding-bottom:4px;}
ul.txtIn5 ul > li {text-indent: -10px;}

ul.txtIn10 > li {padding-left: 10px !important;text-indent: -10px;padding-bottom:4px;}
ul.txtIn10 ul > li {text-indent: -10px;}

ul.txtIn15 > li {padding-left: 15px !important;text-indent: -15px;padding-bottom:4px;}
ul.txtIn20 ul > li {text-indent: -15px;}

ul.txtIn20 > li {padding-left: 20px !important;text-indent: -20px;padding-bottom:4px;}
ul.txtIn20 ul > li {text-indent: -20px;}

ul.txtIn5 > li > *, ul.txtIn10 > li *, ul.txtIn15 > li *, ul.txtIn20 > li * {text-indent: 0;}


ul.listDot > li {position: relative;padding-left: 10px !important;}
ul.listDot > li:before {position: absolute;left: 0;top: 0;content: "∙";}

ul.listA > li {margin-left: 20px;list-style:upper-alpha;}


.version {margin-top: 30px !important;text-align: right;font-size: 18px;line-height: 30px;color: #000;font-family: 'NotoSans-Bold', sans-serif;font-weight: normal;}

.toggleCon {display: none;}
.toggleCon {display: none;}



/* Article */

.article_mail {
	position: absolute;
	width: 600px;
	left: 50%;
	margin-left: -280px;
	max-height: 720px;
	top: 43%;
	margin-top: -250px;
	overflow: auto;
	border: 1px solid #BBBBBB;
	background-color: #FFFFFF;
	z-index: 1000;
}

dl.issueInfo, dl.issueInfo dt, dl.issueInfo dd {margin: 0;padding: 0;}
dl.issueInfo {position: relative;padding-top: 40px;}
dl.issueInfo > dt {color: #000;font-family: 'NotoSans-Bold', sans-serif;}
dl.issueInfo > dd {position: absolute;left: 0;top: 0;}
dl.issueInfo > dd a {float: left;margin-left: 10px;}
dl.issueInfo > dd a:first-child {margin-left: 0;}

div.articleItem, div.articleItem dl, div.articleItem dt, div.articleItem dd, div.articleItem ul, div.articleItem li, div.articleItem a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.articleItem {position: relative;padding: 15px 0;border-bottom: 1px solid #c6c6c8;color: #000;font-size: 14px;min-height:200px;line-height: 20px;font-family: 'Roboto','NotoSans-Regular', sans-serif;}
.pointTit + div.articleItem {padding-top: 0;}
div.articleItem dl.brief dt a {display: block;color: #000;font-family: 'NotoSerif-Bold', serif;font-size: 20px;line-height: 30px;}
div.articleItem dl.brief dt span {display: block;color: #004F94;font-size: 15px;line-height: 30px;}

div.articleItem dl.brief dd {margin-top: 10px;}
div.articleItem dl.brief dd a {color: #0168a1;}

div.articleItem dl.more {margin-top: 20px;}
div.articleItem dl.more dt a {float: left;margin-left: 5px;padding: 10px;color: #000;font-size: 12px;line-height: 14px;}
div.articleItem dl.more dt a:first-child {margin-left: 0;}
div.articleItem dl.more dt:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.articleItem dl.more dt img {display: inline-block;padding-right: 5px;vertical-align: top;}
div.articleItem dl.more dt a.trigger {position: relative;padding-right:  25px;color: #000;font-size: 12px;background-color: #fff;}
div.articleItem dl.more dt a.trigger:after {position: absolute;right: 5px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('../image/toggle_bl.png') center center no-repeat;}
div.articleItem dl.more dt a.view:after {transform:rotate(180deg);}
div.articleItem dl.more dd.toggleCon {position: static;margin-top: 10px;padding: 15px 20px;background-color: #f5f5f5;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}


div.articleItem.data {position: relative;}
div.articleItem.data dl.brief {padding-right: 120px;}

div.articleItem.data ul.articleData {top: 15px;}
.pointTit + div.articleItem.data ul.articleData {top: 0;}
div.articleItem.data ul.articleData span {color: #215797;}

/* Article - ver.2 reduce_01*/
div.articleItem_v1, div.articleItem_v1 dl, div.articleItem_v1 dt, div.articleItem_v1 dd, div.articleItem_v1 ul, div.articleItem_v1 li, div.articleItem_v1 a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.articleItem_v1 {padding: 5px 0px 10px 0px;border-bottom: 1px solid #c6c6c8;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Regular', sans-serif;}
div.articleItem_v1 dl.brief dd a {display: block;color: #000;font-size:16px;line-height: 24px;}


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

.article_mail {display:none;}

dl.issueInfo {margin: 15px;}
dl.issueInfo > dt {font-size: 20px;line-height: 26px;}

div.articleItem {margin: 0 20px;}

div.articleItem.data ul.articleData {}
div.articleItem.data ul.articleData > li {padding: 5px 0;color: rgba(0,0,0,.5);font-family: 'NotoSans-Regular', sans-serif;font-size: 12px;line-height: 16px;width:25%;max-width:120px;}
div.articleItem.data ul.articleData span {display: block;font-weight: bold;font-size: 22px;line-height: 30px;}
}

@media (max-width: 760px) {
	div.articleItem.data ul.articleData {}
	div.articleItem.data dl.brief {padding-right:0px;}
	div.articleItem.data dl.brief .list_publish_date { display:none;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px)  and (max-width:1360px) {
dl.issueInfo > dt {font-size: 26px;line-height: 36px;}
.article_mail {top:40%;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
dl.issueInfo > dt {font-size: 26px;line-height: 36px;}
}

/* Editorial board */
div.mapArea {background-color: #f8f8f8;}
table.board a {display: inline-block;vertical-align: top;margin-left: 5px;padding: 2px 0 0;}
table.board img {display: block;}
table.board > * > tr > *:last-child img {margin: 0 auto;}
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.mapArea {margin: 0 20px;height: 300px;}
table.board {width: calc(100% - 40px);margin: 0 20px 20px;}
table.board colgroup,
table.board col {display: none;}
table.board tbody,
table.board tr,

table.board tr {position: relative;padding: 10px 50px 10px 0;border-bottom: 1px solid #c6c6c8;}
table.board td {padding: 8px;border-bottom: 0 none;}
table.board td:first-child {padding-bottom: 5px;}
table.board td:last-child {padding: 0;}
}


div.mapArea {height: 580px;margin-top: 20px;}
/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
}


/*  Tablet : width:961px ~  */
@media (min-width:961px) {
ul.year {display:grid;grid-template-columns: repeat(3, 1fr);}
dl.rwMenu ul.year li:nth-child(-n+3) a {margin-top: 0;}
dl.rwMenu ul.year li:nth-child(3n+1) a {margin-left: 0;}
dl.rwMenu ul.year li:nth-child(-n+3) {height: 62px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
ul.year {grid-template-columns: repeat(7, 1fr);}
dl.rwMenu ul.year li a {margin: 0 0 0 5px !important;}
dl.rwMenu ul.year li:nth-child(7n+1) a {margin-left: 0 !important;}
dl.rwMenu ul.year li:nth-child(-n+7) {height: 62px;}
}


/* 저널 상세보기 */
div.article {}
div.articleBrief dl, div.articleBrief dt, div.articleBrief dd, div.articleBrief ul, div.articleBrief li, div.articleBrief a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.articleBrief span.category {position: relative;float: left;color: #B1292E;font-family: 'NotoSans-Bold', sans-serif;}
div.articleBrief span.category:before {position: absolute;top: 50%;width: 1px;height: 14px;margin-top: -7px;content: "";background-color: #222;}
div.articleBrief span.category:first-child {padding-left: 0;}
div.articleBrief span.category:first-child:before {display: none;}
div.articleBrief span.tit {clear: both;display: block;color: #000;font-family: 'NotoSerif-Bold', serif;}

div.articleBrief dd {color: #000;font-family: Roboto, sans-serif;}
div.articleBrief sup,
div.articleBrief dd.writer a {display: inline-block;vertical-align: top;}
div.articleBrief sup {margin-top: -3px;}
div.articleBrief dd.writer a {margin: 3px 0 0 2px;}

div.articleBrief ul.tabMenu {overflow: hidden;}
div.articleBrief ul.tabMenu > li {position: relative;float: left;}
div.articleBrief ul.tabMenu > li:after {position: absolute;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #0168a1;}
div.articleBrief ul.tabMenu > li:last-child {padding-right: 0;}
div.articleBrief ul.tabMenu > li:last-child:after {display: none;}

div.articleBrief ul.tabMenu a {position: relative;display: block;padding-right: 20px;color: #0168a1;font-size: 15px;line-height: 25px;}
div.articleBrief ul.tabMenu a:after {position: absolute;right: 0;top: 50%;width: 10px;height: 6px;margin-top: -5px;content: "";background: url('../image/gnb_bl.png') center center no-repeat;transition:transform .5s;}
div.articleBrief ul.tabMenu .on a:after {transform:rotate(180deg);}

div.articleBrief div.tabCon {display: none;background-color: #f8f8f8;}

div.articleBrief div.tabCon ul.noBl > li {padding-top: 10px;}
div.articleBrief div.tabCon ul.noBl > li:first-child {padding-top: 0;}
div.articleBrief div.tabCon sup {margin-right: 5px;}

div.panel table *, div.panel table * { font-size: 14px !important; }
div.panel table {width: 80%;margin:0px auto; border: 0;border-collapse: separate;border-spacing: 0; background:#fff;}
div.table-wrap table {border-top: solid 1px black;border-bottom: solid 1px black;}
div.table-wrap table thead {background: #CDE4F8;}
div.table-wrap table th {border-bottom: solid 1px black;font-weight: bold;}
div.table-wrap table th, div.table-wrap table td {padding:3px 5px;}

div.table-wrap div.table {max-height:600px;overflow: auto;margin:7px 0px;background:#F2F2F2; }
div.table-wrap div.table td {padding:5px;border-bottom:1px solid #e2e2e2;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.article {padding: 15px;}
div.article div.titArea {display: none;}
div.titArea2 {display: block; margin: 15px auto; margin: 0px 0px 0px 64%;}

div.articleBrief span.category {padding-left: 10px;font-size: 14px;line-height: 20px;}
div.articleBrief span.category:before {left: 5px;}
div.articleBrief span.tit {font-size: 20px;line-height: 30px;}

div.articleBrief dd {padding-top: 10px;font-size: 13px;line-height: 20px;}
div.articleBrief dd.info {}
div.articleBrief dd.info span {display: block;}
div.articleBrief dd.info span + a {display: inline-block;vertical-align: top;margin-top: 5px;}

ul.articleData {overflow: hidden;}
ul.articleData > li {float:left;padding: 15px 0 10px;color: rgba(0,0,0,.5);font-family: 'NotoSans-Regular', sans-serif;font-size: 13px;line-height: 16px;width:20%;text-align:center;box-sizing: border-box;
}
ul.articleData > li:nth-child(n+2) {border-left: 1px solid #efefef;}
ul.articleData span {display: block;color: rgba(0,0,0,.8);font-size: 25px;font-weight:bold;line-height: 40px;}

div.articleBrief div.tabArea {padding: 15px 0;}
div.articleBrief ul.tabMenu {}
div.articleBrief ul.tabMenu > li {padding-right: 20px;}
div.articleBrief ul.tabMenu > li:after {right: 10px;}

div.articleBrief ul.tabMenu a {color: #0168a1;font-size: 15px;line-height: 25px;}
div.articleBrief ul.tabMenu a span {display: none;}

div.articleBrief div.tabCon {padding: 15px;font-size:13px;}
div.quizbtn {color:#ffffff;background-color:#7E3E98; width: 135px; height:40px; text-align:center;cursor:pointer;padding:10px;0px;}
.ga_img {max-width:132px;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div#container.article {width: auto;}
div.article .titArea {height: 50px;padding: 0;}
div.article .titArea2 {height: 50px;padding: 0; margin: 0px 0px 0px 64%;}
div.article h2 {display: none;}

div.articleBrief {position: relative;padding-right: 130px;box-sizing:border-box;}
div.articleBrief span.category {padding-left: 20px;font-size: 18px;line-height: 25px;}
div.articleBrief span.category:before {left: 10px;}

div.articleBrief span.tit {font-size: 30px;line-height: 40px;}

div.articleBrief dd {padding-top: 20px;font-size: 14px;line-height: 25px;}

div.articleBrief dd.info {font-size: 14px;line-height: 20px;}
div.articleBrief dd.info:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.articleBrief dd.info > * {float: left;}
div.articleBrief dd.info > span {max-width:calc(100% - 186px);}
div.articleBrief dd.info > a {margin: 0 0 0 20px;}

ul.articleData {position: absolute;right: 0;top: 0;width: 100px;}
ul.articleData > li {padding: 3px 0;border-bottom: 1px solid #efefef;color: rgba(0,0,0,.5);font-family: 'NotoSans-Regular', sans-serif;font-size: 12px;line-height: 16px;}
ul.articleData span {display: block;color: rgba(0,0,0,.8);font-size: 22px;line-height: 30px;}

div.articleBrief div.tabArea {padding: 30px 0 45px;}
div.articleBrief ul.tabMenu {margin-bottom: 20px;}
div.articleBrief ul.tabMenu > li {padding-right: 30px;}
div.articleBrief ul.tabMenu > li:after {right: 15px;}

div.articleBrief div.tabCon {padding: 15px;font-size:14px;}
div.quizbtn {color:#ffffff;background-color:#7E3E98; width: 200px; height:45px; text-align:center;cursor:pointer;padding:10px 0px;}
.ga_img {max-width:132px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div.article .titArea,
div.articleBrief {width: 1250px;margin: 0 auto;}
/*div.article .titArea2 {width: 1250px; margin: 15px auto;}*/
div.article .titArea2 {width: 1250px; margin: 0px 0px 0px 64%;}
div.quizbtn {color:#ffffff;background-color:#7E3E98; width: 200px; height:45px; text-align:center;cursor:pointer;padding:10px;0px;}
.ga_img {width:100%;}
}




/* articleMenu */
div.articleMenu.fixed {z-index: 99;position: fixed;left: 0;top: 58px;width: 100%;}


ul.share, ul.share li, ul.share a,
ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}

div.articleMenu p.download a,
div.panel a.download,
div.download a {display: block;min-width: 160px;height: 36px;padding: 0 15px;font-size: 14px;line-height: 36px;font-family: 'NotoSans-Regular', sans-serif;background-color: #A4191F;color: #fff !important;text-align: center;}
div.articleMenu p.download a {border-radius: 5px;font-weight: bold;}

div.articleMenu p.download img,
div.panel a.download img,
div.download img {display: inline-block;vertical-align: top;padding: 11px 0 0 15px;}

@media (max-width: 1300px) {
	ul.share {display: none;}
}

@media (max-width: 1080px) {
div.articleMenu dl.rwMenu {font-family: Roboto, sans-serif;}
div.articleMenu dl.rwMenu ul.menu {height: auto;}
div.articleMenu {position: relative;}
div.articleMenu.fixed{position:static;}

div.articleMenu a.trigger {position: relative;overflow: hidden;display: block;cursor:pointer;padding: 10px 32px 10px 15px;background-color: #e9e9e9;color: #004f94;font-size: 15px;line-height: 20px;text-overflow:ellipsis;white-space:nowrap;font-family: 'NotoSans-Bold', sans-serif;}
div.articleMenu a.trigger:after {position: absolute;right: 10px;top: 50%;width: 10px;height: 6px;margin-top: -3px;content: "";background: url('../image/toggle_bl.png') center center no-repeat;}
div.articleMenu .view a.trigger:after {transform:rotate(180deg);}

div.articleMenu dl.rwMenu > dt{display:none;}
div.articleMenu dl.rwMenu > dd {z-index: 10; left: 0;top: 40px;width: 100%; box-sizing:border-box;}

.articleMenu + .contents{margin-top:20px;}
div.articleMenu dl.rwMenu > dd a {display: block;}
div.articleMenu ul.menu:before {display: none;}
div.articleMenu ul.menu li,
div.articleMenu ul.menu li.on {height: auto;border: 0 none;}
div.articleMenu dl.rwMenu ul.menu a {height: auto;margin: 0;padding: 0;cursor:pointer;border: 0;background-color: transparent; background:#eee; padding:15px; background:#eee url('../image/sub/tab_arrow_off.png') right 15px center no-repeat; background-size:7px;}
div.articleMenu dl.rwMenu ul.menu li.on a{ background:#1f4d8f url('../image/sub/tab_arrow_on.png') right 15px center no-repeat; background-size:7px; color:#fff; }

div.articleMenu dl.rwMenu ul.share {display:none;} /* 모바일 숨김*/
ul.share li {position: relative;float: left;width: 25%;}
ul.share li:before {position: absolute;top: 50%;width: 1px;height: 14px;margin-top: -7px;content: "";background-color: #222;}
ul.share li:first-child {padding-left: 0;}
ul.share li:first-child:before {display: none;}

ul.share a {display: block;text-align: center;}
ul.conMenu {display: none;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1081px) {
div.articleMenu {position: relative;}
div.articleMenu:after {position: absolute;left: 0;top:53px;width: 100%;height: 1px;content: "";background-color: #e0e0e0;}

div.articleMenu.fixed {height: 53px;background-color: #fff;}

div.articleMenu dl.rwMenu {width: 1250px;margin: 0 auto;font-family:Roboto,sans-serif;}

div.articleMenu dl.rwMenu > dt {display: none;}
div.articleMenu dl.rwMenu > dd {position: static;padding: 0;border: 0 none;}
div.articleMenu ul.menu:before {display: none;}

div.articleMenu dd {display: block;position: static;height: 53px;padding: 0;border: 0 none;}
div.articleMenu dd > * {float: left;}

div.articleMenu ul.menu {z-index: 20;overflow: visible;height: auto;}
div.articleMenu ul.menu li {float: left;width: 160px !important;height: auto;padding-top: 5px;border-bottom: 0 none;cursor:pointer;}
div.articleMenu ul.menu li a {display: block;padding: 11px 0;margin: 0;border: 1px solid #ddd;border-left: 0 none;color: #000;font-size: 15px;line-height: 25px;text-align: center;background-color: #f2f2f2;}
div.articleMenu ul.menu li:first-child a {border-left: 1px solid #ddd;}

div.articleMenu ul.menu li.on {padding-top: 0;}
div.articleMenu ul.menu li.on a {height: auto;border-bottom: 0 none; border-bottom:1px solid #fff; padding-top:12px;}

div.articleMenu p.download {margin: 8px 0 0 15px;}
div.articleMenu p.download a {color: #fff !important;}

ul.share {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
ul.share > li {float: left;margin-left: 10px;}
ul.share > li:first-child {margin-left: 0;}
ul.share a {display: block;width: 36px;height: 36px;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}
ul.share a img{width:100%;}

ul.share a.facebook {background-image: url('../image/share_facebook.png');}
ul.share a.twitter {background-image: url('../image/share_twitter.png');}
ul.share a.linked {background-image: url('../image/share_linkedin.png');}
ul.share a.email {background-image: url('../image/share_email.png');}

ul.share a.facebook:hover {background-image: url('../image/share_facebook_on.png');}
ul.share a.twitter:hover {background-image: url('../image/share_twitter_on.png');}
ul.share a.linked:hover {background-image: url('../image/share_linkedin_on.png');}
ul.share a.email:hover {background-image: url('../image/share_email_on.png');}

ul.conMenu {display: none;}
div.articleMenu.fixed.footer_fixed{position:fixed; top:0; bottom:auto;}
}

/*  PC : width:1795px ~  */
@media (min-width: 1795px) {
div.articleMenu.fixed.footer_fixed{position:absolute; top:auto; bottom:670px;}
ul.conMenu {display: block;position: absolute;left: 50%;top: 109px;width: 200px;margin-left: -878px;overflow: hidden auto;max-height: calc(80vh - 53px);padding-right:20px;}
ul.conMenu li {position: relative;padding: 0;margin-top: 10px;}
ul.conMenu li:first-child {margin-top: 0;}
ul.conMenu a {display: block;text-align: right;color: #757575;font-size: 11px;line-height: 24px;font-family: 'NotoSans-Regular', sans-serif;}
ul.conMenu a:after {position: absolute;right: -13px;bottom: 6px;width: 3px;height: 0;content: "";background-color: #B1292E;transition:.2s height ease-out;}
ul.conMenu a.on {color: #B1292E;font-family: 'NotoSans-Bold', sans-serif;}

ul.conMenu a:hover:after,
ul.conMenu a.on:after {height: 11px;}
}

/* 저널 내용  */
div.article div.contents > * {padding: 0;word-break:keep-all;text-align:justify;}
.view_aside_content{position:absolute; top:60px; right:0;}

div.articleCon {color: #000;font-family: 'NotoSerif-Regular', sans-serif;}
div.articleCon h4.link-target {margin: 0;padding: 0;font-weight: normal;color: #B1292E;font-family: 'NotoSans-Bold', sans-serif;letter-spacing:-1px;}
div.articleCon h4.link-target:first-child {margin:10px 0px 7px 0px;}
div.articleCon a {color:#1a73e8;text-decoration:none;}

p.ai_aff {padding:0px 0px 5px 0px;margin:0px;}

div.abstractBrief,
div.panel {background-color: #f2f2f2;}
div.abstractBrief ul, div.abstractBrief li {margin: 0;padding: 0;list-style:none;}
div.abstractBrief li:first-child {margin-top: 0;}
div.abstractBrief li > dd {display:contents;}
div.abstractBrief strong {display: inline-block;vertical-align: top;padding-right: 10px;}

div.articleCon p,
dl.txt {margin: 0;padding: 0;}
dl.txt dt, dl.txt dd, div#a_data dd {margin: 0;padding: 0;margin-bottom:5px;}
div.articleCon > dl > dd, div.articleCon > dd {padding-bottom:10px;}
div.articleCon dd {margin-left:0px;}

div.articleCon > div.fn-group > dd > p:nth-of-type(1) > b {
	margin: 20px 0px 7px 0px;
	display: inline-block;
	color: #B1292E;
	font-family: 'NotoSans-Bold', sans-serif;
	font-size: 26px;
	line-height: 30px;
	letter-spacing: -1px;
}

div.panel {}
div.panel:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.panel > img {display: block;width:70%;margin: auto;}
div.panel > span {display: block;}
div.panel a.download {float: right;margin-top: 10px;background-color: #333333;color: #fff;text-decoration: none;}
div.panel a.download img {display: inline-block;vertical-align: top;}

div.articleCon ul.reference {}
div.articleCon ul.reference span {display: block; word-break:break-word;}
div.articleCon ul.reference a {position: relative;display: inline-block;vertical-align: top;margin-right: 20px;text-decoration: none;color: #1a73e8;}

div.articleCon ul.reference a[id] {color: #000;}




div.articleCon ul.reference a:after {position: absolute;right: -10px;top: 50%;width: 1px;height: 14px;margin-top: -7px;content: "";background-color: #222;}
div.articleCon ul.reference a:last-child {margin-right: 0;}
div.articleCon ul.reference a:last-child:after {display: none;}

div.articleCon .subTit {font-family: 'NotoSans-Bold', sans-serif;font-weight: bold;letter-spacing:-1px;}
div.articleCon .pointTit {font-family: 'NotoSans-Medium', sans-serif;font-weight: bold;letter-spacing:-1px;}
div.articleCon .boldTit {font-family: 'NotoSans-Bold', sans-serif;font-weight: bold;letter-spacing:-1px;}

ul.downloadList, ul.downloadList li, ul.downloadList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.downloadList {}
ul.downloadList, ul.downloadList a {font-family: 'NotoSans-Regular', sans-serif;}
ul.downloadList > li {background-color: #f2f2f2;}
ul.downloadList a {color: #0168a1;}

div.download a {display: inline-block;vertical-align: top;background-color: #006699;color: #fff;text-decoration: none;}
div.download img {display: inline-block;vertical-align: top;}

ul.citations, ul.citations li, ul.citations a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.citations {}
ul.citations > li {margin-top: 20px;color: #000335;font-size: 15px;line-height: 25px;font-family: 'NotoSans-Regular', sans-serif;}
a.goto {display: inline-block;vertical-align: top;border-bottom: 1px solid #0168a1;color: #0168a1;}

a.bibr_atag {color:#1381ce;text-decoration:none;margin-right:10px;cursor:pointer;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.articleCon {padding-top: 15px !important;font-size: 14px;line-height: 25px;}
div.articleCon h4.link-target {margin: 30px 0 5px;font-size: 22px;line-height: 30px;}
div.articleCon .boldTit {font-size: 18px;font-weight:bold;}
div.articleCon .subsection-title {font-size: 16px;font-style:normal;font-weight:normal;margin:0px;}
div.abstractBrief,
div.panel {padding: 15px;}
div.abstractBrief li,
dl.txt, dl.txt > dt,
div.panel {margin-top: 15px;}
div.panel > span {margin-top: 10px;}

ul.downloadList, ul.downloadList a {font-size: 14px;line-height: 25px;}
ul.downloadList {padding-top: 15px;}
ul.downloadList > li {margin-top: 20px;padding: 15px;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.article div.contents {float: none;width: 100%;margin: 0 auto;padding-top: 60px; position:relative;min-height:500px;}
div.article div.contents:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

div.articleCon {float: left;width: calc(100% - 405px);font-size: 16px;line-height: 28px;}
div.articleCon h4.link-target {margin: 55px 0 15px;font-size: 26px;line-height: 40px;}
div.articleCon .boldTit {font-size: 22px;font-weight:bold;}
div.articleCon .subsection-title {font-size: 20px;font-style:normal;font-weight:normal;margin:0px;}

div.abstractBrief {padding: 0 25px 25px;}
div.abstractBrief h4.link-target {padding-top: 25px; margin-top:0 !important;}

div.panel {padding: 25px;}
div.abstractBrief li,
div.articleCon dl.txt, div.articleCon dl.txt > dt,
div.articleCon div.panel {margin-top: 15px;}
div.articleCon div.boxed-text {margin-bottom: 10px;}
div.panel > span {margin-top: 15px;}

div.articleCon ul.reference {line-height: 25px;}

ul.downloadList, ul.downloadList a {font-size: 15px;line-height: 30px;}
ul.downloadList {padding-top: 20px;}
ul.downloadList > li {margin-top: 40px;padding: 20px 25px;}


div.articleCon > div.fn-group > dd > p:nth-of-type(1) > b {
	margin: 20px 0px 7px 0px;
	display: inline-block;
	color: #B1292E;
	font-family: 'NotoSans-Bold', sans-serif;
	font-size: 22px;
	line-height: 30px;
	letter-spacing: -1px;
}

}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div.article div.contents {width: 1250px;min-height:500px;}
}

/* articleAside */
ul.moreInfo, ul.moreInfo li, ul.moreInfo a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.moreInfo {position: relative;border: 1px solid #ddd;border-top: 4px solid #0168a1;border-bottom: 0 none;}
ul.moreInfo:before {position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;content: "";background-color: #ddd;}
ul.moreInfo:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.moreInfo > li {float: left;width: 50%;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;box-sizing:border-box;}
ul.moreInfo > li:nth-child(even) {border-right: 0 none;}
ul.moreInfo > li:nth-child(-n+2) {border-top: 0 none;}
ul.moreInfo a {display: table-cell;width: 600px;height: 60px;text-align: center;vertical-align: middle;color: #000;font-family: Roboto, sans-serif;font-size: 15px;line-height: 30px;}
ul.moreInfo img {display: inline-block;vertical-align: top;padding-right: 5px;}

div.articleAside dl, div.articleAside dt, div.articleAside dd, div.articleAside ul, div.articleAside li, div.articleAside a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.articleAside dl {border-top: 4px solid #0168a1;}
div.articleAside dl > dt {color: #000;font-family: 'NotoSans-Bold', sans-serif;}
div.articleAside dd img {display: block;width: 100%;}

dl.figure {position: relative;padding-bottom: 32px !important;}
span.figureNote {display: block;padding-top: 10px;font-size: 14px;line-height: 20px;}

dl.figure span.figureNote {padding: 5px 0;}


ul.relArticles {}
ul.relArticles > li {padding: 15px 0;border-bottom: 1px solid #e4e4e4;}
ul.relArticles > li:first-child {padding-top: 0;}
ul.relArticles a,
ul.relArticles span {display: block;}
ul.relArticles a {color: #000;font-family: 'NotoSans-Regular', sans-serif;}
ul.relArticles span {padding-bottom: 5px;color: #0168a1;font-family: 'NotoSans-Bold', sans-serif;}




/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.articleAside {margin-top: 40px;}
.view_aside_content{position:relative; top:auto; right:auto;}
div.articleAside > dl {margin-top: 20px;}
div.articleAside > dl dt {padding: 10px 0;font-size: 18px;}

ul.relArticles a {line-height: 20px;}

div.article div.more {text-align: right;padding-top:15px;}
div.article div.more a {display: inline-block;vertical-align: top;color: #000;font-size: 14px;line-height: 20px;font-family: 'NotoSans-Bold', sans-serif;text-decoration: none;}
div.article div.more a:after {display: inline-block;vertical-align: top;padding-left: 10px;content: ">";}
}

/*  PC : width:961px ~  */
@media (min-width: 961px) {
div.articleAside {float: right;width: 340px;}

div.articleAside dl {margin-top: 40px;}
div.articleAside dl > dt {padding: 10px 0;font-size: 20px;}

ul.relArticles > li {padding: 15px 0;}
ul.relArticles a {font-size: 14px;line-height: 20px;}

div.article div.more {text-align: right;padding-top: 15px;}
div.article div.more a {display: inline-block;vertical-align: top;color: #000;font-size: 16px;line-height: 25px;font-family: 'NotoSans-Bold', sans-serif;text-decoration: none;}
div.article div.more a:after {display: inline-block;vertical-align: top;padding-left: 10px;content: ">";}
}



/* Advanced Search */
div.searchArea {}
div.searchArea div {overflow: hidden;}
div.searchArea div > * {}
div.searchArea div > *:last-child {margin-right: 0;}
div.searchArea select,
div.searchArea input[type=text] {height: 40px;border: 1px solid #32302f;color: #000;box-sizing:border-box;}
div.searchArea input[type=submit] {height: 40px;border-radius: 3px;}
div.searchArea span {line-height: 40px;}

div.searchArea div.pubYear {}
div.searchArea div.pubYear:before {display: block;padding-bottom: 5px;content: "Publication Date";color: #000;font-family: 'NotoSans-Bold', sans-serif;}
div.searchArea div.btn {margin-bottom: 0;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.searchArea div.table{padding-bottom:45px; position:relative;}
div.searchArea div {margin-bottom: 5px;}
div.searchArea div > * {margin-right: 6px;}
div.searchArea div.cell{vertical-align:top;}
div.searchArea div.cell + .cell{padding-left:10px;}
div.searchArea div.row + .row .cell{padding-top:10px;}
div.searchArea div.table_pm{position:absolute; bottom:0; right:0;}
div.searchArea select {width: 100%;}
div.searchArea input[type=text] {width: 100%;}

div.searchArea div.add > * {margin: ;}
div.searchArea div.add select {width: 60px;}
div.searchArea div.add select + select {width: 90px;}
div.searchArea div.add input[type=text] {width: 100%;}
div.searchArea input[type=submit] {width: 120px;}

div.searchArea div.pubYear {padding-top: 25px;}
div.searchArea div.pubYear > * {margin: 0;}
div.searchArea div.pubYear select {width: calc(50% - 15px);margin: 0;}
div.searchArea div.pubYear span {width: 30px;text-align: center;}

div.searchArea div.btn {padding-top: 20px;}
}

/*  Mobile : ~ width:420px  */
@media (max-width: 420px) {

div.searchArea input[type=text] {}
div.searchArea div.add input[type=text] {width: 156px;margin-left:86px;}

}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.searchArea {}
div.searchArea div {margin-bottom: 15px;}
div.searchArea div > * {margin-right: 10px;}

div.searchArea select {width:100%;}
div.searchArea input[type=text] {width: 100%;}
div.searchArea div.add input[type=text] {width: 100%;}
div.searchArea input[type=submit] {width: 120px;}

div.searchArea div.cell{vertical-align:top;}
div.searchArea div.cell + .cell{padding-left:10px;}
div.searchArea div.table{position:relative; padding-bottom:70px;}
div.searchArea div.row + .row .cell{padding-top:10px;}
.table_pm{position:absolute; bottom:0; right:0;}

div.searchArea div.pubYear {padding-top: 25px;}
div.searchArea div.btn {padding-top: 20px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div.searchArea {width: 775px;}
}


/* Result */
div.filter {}
div.filter div.note {color: #000;font-family: 'NotoSans-Bold', sans-serif;}
div.filter div.note span {display: block;color: #0168a1;font-family: 'MyriadPro-Regular', sans-serif;}
div.filter div.note span:after {display: inline-block;padding-left: 5px;vertical-align: top;content: "results for";color: #000;}

div.filter ul, div.filter li {margin: 0;padding: 0;list-style:none;}
div.filter form dl, div.filter form dt, div.filter form dd {margin: 0;padding: 0;}
div.filter form dt {color: #004f94;font-family: 'MyriadPro-Regular', sans-serif;}
div.filter form dd {color: #000;font-family: Roboto, sans-serif;}

ul.option > li {position: relative;margin-top: 5px;}
ul.option > li:first-child {margin-top: 0;}
ul.option input[type=checkbox],
ul.option input[type=radio] {position: absolute;left: 0;}
ul.option label {display: inline-block;vertical-align: top;}

div.filter li label, div.filter li input {cursor:pointer;}

div.filter div.more {padding-top: 10px;}
div.filter div.more a {display: inline-block;color: #000;border-bottom: 1px solid #000;text-transform:capitalize;font-family: 'MyriadPro-Regular', sans-serif;font-size: 14px;line-height: 20px;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.filter {padding: 15px 15px 0;}
div.filter div.note {padding-bottom: 15px;font-size: 16px;line-height: 20px;}
div.filter div.note span {font-size: 12px;line-height: 16px;}
div.filter dl.rwMenu > dd {background-color: #fff; border:3px solid #1f4d8f; padding:15px 20px;}

div.filter form dt {padding-bottom: 5px;font-size: 14px;}
div.filter form dd + dt {padding-top: 20px;}

ul.option > li {padding-left: 25px;}
ul.option input[type=checkbox],
ul.option input[type=radio] {top: 2px;width: 18px;height: 18px;}

ul.option label {font-size: 15px;line-height: 20px;}

div.filter div.btnArea {margin: 0px 0px 15px;}
}


/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.filter {float: left;width: 290px;margin-top: -70px;}
div.filter div.note {font-size: 20px;line-height: 40px;}
div.filter div.note span {padding-bottom: 5px;font-size: 16px;line-height: 20px;}

div.filter dl.rwMenu > dd {position: relative;padding-top: 70px;}

div.filter form dt {padding: 30px 0 5px;font-size: 15px;}
div.filter form dt:first-child {padding-top: 0;}
div.filter form dd {font-size: 14px;}

ul.option > li {padding-left: 25px;padding-bottom:4px;}
ul.option input[type=checkbox],
ul.option input[type=radio] {top: 2px;width: 18px;height: 18px;}

ul.option label {font-size: 15px;line-height: 20px;}

div.filter div.btnArea {position: absolute;left: 0;top: 20px;}
div.filter div.btnArea input[type=button] {height: 35px;}
}

/* All Issues*/
div.currentIssue a, div.currentIssue img {display: block;}
div.currentIssue:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.currentIssue a {font-family: 'NotoSans-Regular', sans-serif;color: #ccc;text-align: center;text-decoration: none;}
div.currentIssue img {border: 1px solid #e1e1e1;}

div.currentIssue a.current,
div.currentIssue a.prev:hover,
div.currentIssue a.next:hover {color: #0168a1;}

div.currentIssue a.current {margin-bottom: 5px;}
div.currentIssue a.prev {float: left;}
div.currentIssue a.next {float: right;}

dl.journalissue, dl.journalissue dt, dl.journalissue dd, dl.journalissue ul, dl.journalissue li, dl.journalissue a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
dl.journalissue {position: relative;}
dl.journalissue + dl.journalissue {margin-top: 10px;}

dl.journalissue > dt {color: #000;background-color: #ccd8e4;font-family: 'NotoSans-Regular', sans-serif;font-size: 15px;line-height: 20px;}
dl.journalissue ul {display:grid;border-left: 1px solid #8caccc;}
dl.journalissue ul:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
dl.journalissue:nth-child(odd) ul li {background-color: #eff1f3;}
dl.journalissue li {float: left;border-right: 1px solid #8caccc;border-bottom: 1px solid #8caccc;box-sizing:border-box;}
dl.journalissue span {display: table-cell;width: 500px;vertical-align: middle;text-align: center;color: #0168a1;font-family: 'NotoSans-Regular', sans-serif;}
dl.journalissue a {display: block;color: #0168a1;}
dl.journalissue a.pdf {display: inline-block;vertical-align: top;margin-top: 5px;padding: 3px 10px 2px;border: 1px solid #dcdcdc;border-radius:5px;color: #000;font-size: 14px;line-height: 16px;font-family: 'NotoSans-Regular', sans-serif;letter-spacing:-1px;background-color: #fff;}
dl.journalissue a.pdf img {display: inline-block;vertical-align: top;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.currentIssue {overflow: hidden;}
div.currentIssue img {display: block;max-width:100%;margin: 0 auto;}

dl.journalissue {margin: 0 15px 15px;}
dl.journalissue + dl.journalissue {margin-top: 15px;}
dl.journalissue > dt {padding: 13px 20px;margin-bottom: 10px;}
dl.journalissue > dt br {display: none;}

dl.journalissue ul {grid-template-columns: repeat(2, 1fr);}
dl.journalissue li:nth-child(-n+2) {border-top: 1px solid #8caccc;}
dl.journalissue span {height: 76px;}
}


/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.currentIssue {padding-bottom: 20px;}
div.currentIssue img {margin:0 auto 20px;}
div.currentIssue a {font-size: 16px;}

dl.journalissue {position: relative;padding-left: 101px;}
dl.journalissue:before {position: absolute;left: 0;top: 0;width: 82px;height: 100%;content: "";background-color: #ccd8e4;}

dl.journalissue > dt {position: absolute;left: 0;top: 50%;width: 82px;transform:translateY(-50%);text-align: center;}

dl.journalissue ul {grid-template-columns: repeat(4, 1fr);}
dl.journalissue li:nth-child(-n+4) {border-top: 1px solid #8caccc;}
dl.journalissue span {height: 76px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div.currentIssue {position: absolute;top: 0;left: -350px;}

dl.journalissue ul {grid-template-columns: repeat(6, 1fr);}
dl.journalissue li:nth-child(-n+6) {border-top: 1px solid #8caccc;}
}


/* Author Index */
div.authorSearch, div.authorSearch ul, div.authorSearch li, div.authorSearch a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
div.authorSearch {background-color: #eee;}
div.authorSearch div.keyword {position: relative;}
div.authorSearch label,
div.authorSearch input[type=submit] {position: absolute;top: 0;}
div.authorSearch label {left: 0;line-height: 40px;}
div.authorSearch input[type=submit] {right: 0;}

div.authorSearch input[type=text],
div.authorSearch input[type=submit] {height: 40px;font-family: 'NotoSans-Regular', sans-serif;box-sizing:border-box;}

div.authorSearch input[type=text] {width: 100%;border: 1px solid #32302f;background-color: #fff;}
div.authorSearch input[type=submit] {border: 1px solid #006699;background-color: #006699;color: #fff;}

ul.sort {overflow: hidden;}
ul.sort > li {margin: 2px 0;border-left: 1px solid #bec3c2;box-sizing:border-box;}
ul.sort a {display: block;text-align: center;color: #0168a1;font-family: 'Roboto','NotoSans-Regular', sans-serif;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.authorSearch {margin: 15px;padding: 15px;}
div.keyword {margin-bottom: 5px;padding: 0 75px 0 60px;}

div.authorSearch input[type=submit] {width: 70px;}

ul.sort > li {float: left;width: 10%;}
ul.sort > li:nth-child(10n+1) {clear: both;border-left: 0 none;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.authorSearch {padding: 35px 0;}
div.keyword {margin: 0 35px 10px;padding: 0 95px 0 80px;}
div.authorSearch label {font-size: 18px;line-height: 40px;color: #000;}
div.keyword {margin: 0 35px 10px;padding: 0 95px 0 80px;}
div.authorSearch input[type=submit] {width: 85px;}

ul.sort {font-size: 0;line-height: 0;text-align: center;}
ul.sort li {display: inline-block;vertical-align: top;}
ul.sort li:first-child {border-left: 0 none;}
ul.sort a {width: 26px;font-size: 16px;line-height: 25px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
}


ul.authorList, ul.authorList li, ul.authorList a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.authorList {position: relative;padding-top: 50px;}
ul.authorList:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}

ul.authorList > li {position: relative;padding: 10px 80px 10px 0;box-sizing:border-box;}
ul.authorList span.name,
ul.authorList span.articles {font-family: 'NotoSans-Regular', sans-serif;color: #000;}
ul.authorList span.articles {position: absolute;right: 10px;top: 10px;width: 70px;text-align: right;}

ul.authorList li:first-child:before, ul.authorList li:first-child:after,
ul.authorList li:first-child + li:before, ul.authorList li:first-child + li:after {position: absolute;top: -40px;color: #000;}

ul.authorList li:first-child:before,
ul.authorList li:first-child + li:before {font-weight:bold;left: 0;content: "Name";}

ul.authorList li:first-child:after,
ul.authorList li:first-child + li:after {font-weight:bold;right: 0;content:"Articles"}


/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
ul.authorList {margin: 15px;}

ul.authorList li:first-child {border-top: 1px solid #cecece;}

ul.authorList li:first-child + li:before,
ul.authorList li:first-child + li:after {display: none;}

div.fig > span > h3.title {margin:0px !important; font-size:14px; font-weight:normal !important}
div.table-wrap > div > h3.title {margin:0px !important; font-size:14px;}

}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
ul.authorList {margin-top: 20px;}
ul.authorList li:first-child,
ul.authorList li:first-child + li {border-top: 1px solid #cecece;}

ul.authorList li {float: right;width: calc(50% - 15px);}
ul.authorList li:nth-child(odd) {clear: both;float: left;}

div.fig > span > h3.title {margin:0px !important; font-size:16px; font-weight:normal !important}
div.table-wrap  > div > h3.title {margin:0px !important; font-size:16px;}
}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {

div.fig > span > h3.title {margin:0px !important; font-size:16px;font-weight:normal !important }
div.table-wrap > div > h3.title {margin:0px !important; font-size:16px;}


}

div.articleAside dl.popupWrap {display: none;}
div.articleAside dl.popupWrap {z-index: 10;background-color: #fff;box-shadow:0 0 15px rgba(0,0,0,.4);font-size: 15px;border-top:none;margin-top:20px;}
div.articleAside dl.popupWrap:before {position: absolute;left: -5px;top: 8px;display: block;width: 10px;height: 10px;background-color: #fff;content: " ";transform:rotate(45deg);}

div.articleAside dl.popupWrap > dt {padding-bottom: 5px;font-weight: 300;text-transform:uppercase;}

div.articleAside dl.popupWrap .close {position: absolute;right: 10px;top: 8px;width: 27px;height: 27px;padding: 13px 0px;}
div.articleAside .close a {display: block;width: 100%;height: 100%;text-indent: -10000px;background: url('/image/popup_close.png') center center no-repeat;}

div.articleAside dl.popupWrap .close_ic {position: absolute;right: 17px;top: 8px;width: 27px;height: 27px;padding: 13px 0px;}
div.articleAside .close_ic a {display: block;width: 100%;height: 100%;text-indent: -10000px;background: url('/image/ic_cancel.png') center center no-repeat;}


div.articleAside .popupWrap.popupCite {position: absolute;left: 0;padding: 10px;}
div.articleAside .popupWrap.popupCite:before {position: absolute;left: 15px;top: -6px;display: block;width: 10px;height: 10px;background-color: #fff;content: " ";transform:rotate(45deg);}
div.articleAside .popupWrap.popupCite .popupCon {overflow-x: hidden;overflow-y: auto;height: 120px;padding: 10px;border: 1px solid #ccc;color: #212121;font-size: .9em;}


div.articleAside .popupWrap.popupCite .btn {padding-top: 10px;}
div.articleAside .popupWrap.popupCite .btn a {font-size:14px;display: inline-block;width:auto;height:35px;padding: 2px 8px 5px;}
div.articleAside .popupWrap.popupCite .btn label {font-size:14px;display: inline-block;line-height: 35px;vertical-align: top;padding-left:42px;padding-right:4px;}
div.articleAside .popupWrap.popupCite .btn select {width: 74px;border-color: #fff;height: 40px;}

div.articleAside .popupWrap.popupCite.rePo {top: auto;bottom: 45px;}
div.articleAside .popupWrap.popupCite.rePo:before {top: auto;bottom: -6px;}

div.articleAside dl.popupCite {position: absolute;left: 0;width: 320px;padding: 10px;}


div.layerPopup {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
div.popupWrap {position: absolute;left: 50%;top: 50%;transform:translate(-50%, -50%);background-color: #fff;box-sizing:border-box;}
div.popupWrap div.close {position: absolute;right: 0;top: 0;}
div.popupWrap div.close a {display: block;font-size: 0;line-height: 0;background-position: center center;background-repeat: no-repeat;}

div#popupFilter ul.option li {margin-bottom: 5px;}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
div.popupWrap div.close a {width: 30px;height: 30px;background-image: url('../image/popup_close_m.png');background-size: 15px;}
div.articleAside dl.popupWrap .close {position: absolute;right: 10px;top: -4px;width: 27px;height: 27px;padding: 13px 0px;}
div#popupFilter {width: calc(100% - 60px);min-width: 260px;padding: 30px 30px 25px;}
div#popupFilter ul.option {overflow-x: hidden;overflow-y: auto;max-height:250px;border: 1px solid #ccc;padding: 15px 15px 10px;}
div#popupFilter div.btn {padding-top: 0;}
div#popupFilter div.btn input[type=submit] {display: block;width: 100%;}
div#popupFilter div.btn a.btnGrey {display: none;}
}

/*  Tablet : width:961px ~  */
@media (min-width:961px) {
div.popupWrap {padding: 50px;}
div.popupWrap div.close a {width: 50px;height: 50px;background-image: url('../image/popup_close.png');}


div#popupFilter {width: calc(100% - 60px);padding: 50px 50px 20px;}


div#popupFilter ul.option {overflow-x: hidden;overflow-y: auto;max-height:250px;border: 1px solid #ccc;padding: 20px 20px 15px;}
div#popupFilter ul.option li {float: left;width: 50%;padding: 0 15px 0 25px;box-sizing:border-box;}
div#popupFilter ul.option li:nth-child(odd) {clear: both;}

div#popupFilter div.btn {padding-top: 20px;}
div#popupFilter div.btn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#popupFilter div.btn > * {float: right;margin-right: 5px;}
}

.slider_playt_f button{position:absolute; bottom:19px; right:17px; width:10px; height:10px;     display: none; font-size: 12px; line-height: 10px; text-align: center;font-size: 0; font-weight: 900; border:0; background:transparent; cursor:pointer}

.figure_slide{min-height:200px;}
.figure_slide .slick-dots{position:absolute !important; bottom: -20px;}
.figure_slide .slick-dots li{display: inline-block; vertical-align: top; width: 10px !important; height: 10px; margin-left: 10px;}
.figure_slide .slick-dots li button{display: block; width: 10px; height: 10px; border-radius: 50%; background-color: #000; font-size:0; border:0; padding:0; cursor:pointer;}

.slider_playt_a {background:#F2F2F2;}
.slider_playt_a button{position:absolute; bottom:10px; right:15px; width:10px; height:10px; display: none; line-height: 10px; text-align: center;font-size: 0;line-height: 0;font-weight: 900; border:0; background:transparent; cursor:pointer;}

.slider_playt_f .pasue, .slider_playt_a .pasue{display:block;}
.slider_playt_f button.active, .slider_playt_a button.active{display:block;}
.slider_playt_f button.nactive, .slider_playt_a button.nactive{display:none;}
.slider_playt_f button:before, .slider_playt_a button:before{font-family: "Font Awesome 6 Free"; display:block;width: 10px; font-size: 13px; line-height: 10px; text-align: center; color:#000; position:absolute; left:0; top:0;}
.slider_playt_f .play:before, .slider_playt_a .play:before{content: "\f04b";}
.slider_playt_f .pasue:before, .slider_playt_a .pasue:before{content: "\f04c";}

ul.slick-dots li.slick-active button { background-color:#808080;}

.slick-slider button {cursor:pointer;}

.header__container{background:#333333; border-bottom: 5px solid #E61F19;}

@media (max-width: 960px) { 
	.slider_playt_f button {bottom:15px;}
	.slider_playt_f button:before, .slider_playt_a button:before{font-family: "Font Awesome 6 Free"; display:block;width: 10px; font-size: 13px; line-height: 2px; text-align: center; color:#000; position:absolute; left:0; top:0;}

}

/*  PC : width:1360px ~  */
@media (min-width: 1361px) {
div#popupFilter {width: 980px;}
}


.mobile_btn, .mobile_gnb{display:none;font-family: 'NotoSans-Regular', sans-serif;}

.main_title{position:relative; width:1250px; margin:50px auto 0; box-sizing:border-box;font-family: 'NotoSans-Regular', sans-serif;}
.main_title h1{margin: 0 auto;color: #000;font-size: 24px;line-height: 30px;}
.main_title h1:after{display: block;margin-top: 10px;width: 45px;height: 4px;content: "";background-color: #D7000F;}
.main_title_slick{position:absolute; top:5px; right:0;}
.main_title_slick_ul, .main_title_slick_ul li{margin:0; padding:0; list-style:none;}
.main_title_slick_ul{font-size:0;}
.main_title_slick_ul li{font-size:12px; display:inline-block;}
.main_title_slick_ul li + li{margin-left:10px;}
.main_title_slick_ul a{height:24px; box-sizing:border-box; border-radius:24px; border:1px solid #dbdbdb; line-height:22px; text-align:center; color:#000; text-decoration:none; display:block; padding:0 12px; font-weight:600;}
.main_title_slick_ul a:hover{background:#D7000F; color:#fff;}
.main_title_slick_ul .prev a:before{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow01.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-right:3px;}
.main_title_slick_ul .prev a:hover:before{background:url('../image/title_arrow01_on.png') center center no-repeat;}
.main_title_slick_ul .next a:after{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow02.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-left:3px;}
.main_title_slick_ul .next a:hover:after{background:url('../image/title_arrow02_on.png') center center no-repeat;}

.main_title_slick .slick-prev, .main_title_slick .slick-next{position:absolute; font-size:12px; color:#000; border-radius:24px; height:24px; border:1px solid #dbdbdb; line-height:22px; box-sizing:border-box; top:0; background:#fff; z-index:10;}
.main_title_slick .slick-prev{width:93px; left:-18px;}
.main_title_slick .slick-prev:before{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow01.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-right:3px;}
.main_title_slick .slick-next{width:64px; right:10px;}
.main_title_slick .slick-next:after{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow02.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-left:3px;}

/*  Mobile : ~ width:960px  */
@media (max-width: 1360px) {
	.main_title{width:auto;margin-right:20px;margin-left:20px;}
	#ajax_mapjs > table, #ajax_mapjs > table > thead, #ajax_mapjs > table > tbody, #ajax_mapjs > table > tbody > tr, #ajax_mapjs > table > tbody > tr > td{display:block;}
	#ajax_mapjs > table > tbody > tr > td{width:100% !important}
	#ajax_mapjs > table > tbody > tr > td > .table_a{width:100% !important; margin-top:20px;}
}

/*  Mobile : ~ width:960px  */
@media (max-width: 960px) {
.mobile_btn, .mobile_gnb{display:block;}
dl.gnbSearch > dd{top:67px;}
html{height:100%;}
dl.gnbSearch dt a{width:25px; right:65px;}
.mobile_btn{ position:absolute; top:15px; right:15px; width:45px; height:45px; font-size:0; border-radius:50%;}
/*.mobile_btn.active{background:#EF7E3A;}*/
.mobile_btn span{position:absolute; top:10px; right:10px; background:url('../image/mobile_menu.png') center center no-repeat; width:25px; height:25px; background-size:150%;}
.mobile_btn.active span{position:absolute; top:10px; right:10px; background:url('../image/mobile_menu_close.png') center center no-repeat; width:25px; height:25px; background-size:150%;}
.header__container{border-top:2px solid #D7000F; }
.header__container #gnb{display:none;}
.mobile_menu_mask, .mobile_gnb{display:none;}
.mobile_menu_mask.active, .mobile_gnb.active{display:block;}
.mobile_menu_mask{position:fixed; top:67px; left:0; right:0; background:rgba(47,47,47,0.8); z-index:100; bottom:0;}
.mobile_gnb ,  .mobile_gnb ul, .mobile_gnb li{margin:0; padding:0; list-style:none;}
.mobile_gnb{position:fixed; top:67px; bottom:0;right:0; height: calc(100% - 67px); background:#fff; z-index:101; overflow-y:scroll;}
.mobile_gnb a{color:#000; text-decoration:none; display:block;}
.mobile_gnb > li{padding:25px 20px; background:#f6f6f6;}
.mobile_gnb > li + li{margin-top:5px;}
.mobile_gnb > li > a{font-weight:600; font-size:18px;}
.mobile_gnb ul{margin-top:20px;}
.mobile_gnb ul li{padding-left:15px;}
.mobile_gnb ul li + li{margin-top:10px;}
.mobile_gnb ul li a{font-size:14px; font-weight:600;}
body.mobile_active{overflow: hidden; position: relative; height: 100%;}

.main_title{position:relative; padding-left:15px; width:auto; margin:10px auto;}
.main_title h1{font-size:22px; color:#000; font-size:600; padding-bottom:15px; position:relative;}
.main_title h1:after{display: block;margin-top: 5px;width: 45px;height: 4px;content: "";background-color: #D7000F;}
.main_title_slick{right:10px;}
.main_title_slick .slick-prev, .main_title_slick .slick-next{position:absolute; font-size:12px; color:#000; border-radius:24px; height:24px; border:1px solid #dbdbdb; line-height:22px; box-sizing:border-box; top:0; background:#fff; z-index:10;}
.main_title_slick .slick-prev{width:93px; left:-18px;}
.main_title_slick .slick-prev:before{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow01.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-right:3px;}
.main_title_slick .slick-next{width:64px; right:10px;}
.main_title_slick .slick-next:after{content:''; width:12px; height:12px; display:inline-block; background:url('../image/title_arrow02.png') center center no-repeat; vertical-align:middle; margin-top:-2px; margin-left:3px;}
dl.allMenu > dd.qrcode{display:none;}

#ajax_mapjs > table, #ajax_mapjs > table > thead, #ajax_mapjs > table > tbody, #ajax_mapjs > table > tbody > tr, #ajax_mapjs > table > tbody > tr > td{display:block;}
#ajax_mapjs > table > tbody > tr > td{width:100% !important}
#ajax_mapjs > table > tbody > tr > td > .table_a{width:100% !important; margin-top:20px;}

}

@media (max-width: 860px) {
#ajax_mapjs > table, #ajax_mapjs > table > thead, #ajax_mapjs > table > tbody, #ajax_mapjs > table > tbody > tr, #ajax_mapjs > table > tbody > tr > td{display:block;}
#ajax_mapjs > table > tbody > tr > td{width:100% !important}
#ajax_mapjs > table > tbody > tr > td > .table_a{width:100% !important; margin-top:20px;}

}


@media (max-width: 650px) {
.main_title_slick{position:static; overflow:hidden;}
.main_title_slick_ul{text-align:right;padding-right:10px;}
}



.text_filed{padding:20px 10px; font-family: 'Noto Sans KR', sans-serif;}
.text_filed h3{margin:0; padding:0; font-size:18px; color:#020006; font-weight:500;}
.text_filed div{font-size:13px; color:#020006;}
.text_filed span{color:#4b84ab;}

.mt6{margin-top:6px;}
.mt10{margin-top:10px;}

.dp_flex{display:flex;}

dl.moreInfo{padding:20px 35px;}
dl.moreInfo > dt{padding-left:0;}
dl.moreInfo > dd a{margin:0;}

dl.moreInfo > dd .recent_content a{display:flex; width:calc(25% - 5px); text-align:center; border:1px solid #fff; border-radius:5px; line-height:1.5; padding:5px 0;}
dl.moreInfo > dd .recent_content a div{width:100%;}

.text_filed {padding:40px 10px}

@media screen and (max-width:1280px){

.text_filed h3{font-size:1.4vw;}
.text_filed div{font-size: 1.02vw;}
.text_filed {padding:20px 10px}

.mt6{margin-top:0.3vw;}
.mt10{margin-top:0.5vw;}
.mt20{margin-top:1vw;}

.banner_video{padding-top:2.9vw;}

}

@media screen and (max-width:1088px){

.banner_video{padding-top:1.3vw;}
.banner_video{padding-left:0.5vw; padding-right:0.5vw;}

}

@media screen and (max-width:960px){
.text_filed{padding:7vw 2vw;}

.text_filed h3{font-size:3.3vw;line-height: 3.5vw;}
.text_filed div{font-size:2vw;}

.main_link_banner{padding-left:3.5vw; padding-right:3.5vw;}
.banner_video{padding-top:7vw;}
.banner_video iframe{}

.mt10{margin-top:2.3vw;}
.mt6{margin-top:1.8vw;}


}

@media screen and (max-width:640px){
.text_filed{padding:4vw 2vw;}

.banner_video{padding-top:5.5vw}
dl.moreInfo > dd .recent_content{flex-wrap: wrap; gap:10px;}
dl.moreInfo > dd .recent_content a{width:100%; font-size:13px; letter-spacing:-0.03em; line-height:1.3; height:46px; box-sizing:border-box;}
dl.moreInfo > dt{font-size:20px;}
dl.moreInfo{padding-left:25px; padding-right:25px;}

.banner_video iframe{height:26vw;}
}

@media screen and (max-width:520px){
.mt6{margin-top:1vw;}
.text_filed div{letter-spacing:-0.05em;}
.text_filed h3{font-size:2.4vw; line-height:1vw;}
.main_link_last a img{position:static;}
.main_link_banner a img{height:100%;}
}


ul.txtIndent9 > li,
p.txtIndent9 {padding-left:9px;text-indent:-9px;}
ul.txtIndent11 > li,
p.txtIndent11 {padding-left:11px;text-indent:-11px;}
ul.txtIndent13 > li,
p.txtIndent13 {padding-left:13px;text-indent:-13px;}
ul.txtIndent15 > li,
p.txtIndent15 {padding-left:15px;text-indent:-15px;}
ul.txtIndent17 > li,
p.txtIndent17 {padding-left:17px;text-indent:-17px;}
ul.txtIndent18 > li,
p.txtIndent18 {padding-left:18px;text-indent:-18px;}
ul.txtIndent20 > li,
p.txtIndent20 {padding-left:20px;text-indent:-20px;}
ul.txtIndent25 > li,
p.txtIndent25 {padding-left:25px;text-indent:-25px;}
ul.txtIndent36 > li,
p.txtIndent36 {padding-left:36px;text-indent:-36px;}
ul.txtIndent40 > li,
p.txtIndent40 {padding-left:42px;text-indent:-42px;}

ul.txtIndent9 > li *,
p.txtIndent9 *{text-indent:0;}
ul.txtIndent11 > li *,
p.txtIndent11 *{text-indent:0;}
ul.txtIndent13 > li *,
p.txtIndent13 *{text-indent:0;}
ul.txtIndent15 > li *,
p.txtIndent15 *{text-indent:0;}
ul.txtIndent17 > li *,
p.txtIndent17 *{text-indent:0;}
ul.txtIndent18 > li *,
p.txtIndent18 *{text-indent:0;}
ul.txtIndent20 > li *,
p.txtIndent20 *{text-indent:0;}
ul.txtIndent25 > li *,
p.txtIndent25 *{text-indent:0;}
ul.txtIndent36 > li *,
p.txtIndent36 *{text-indent:0;}
ul.txtIndent40 > li *,
p.txtIndent40 *{text-indent:0;}

.boxed-text {
	border: 1px solid #F85909;
}
.boxed-text > dd {
    text-indent: -9px;
    padding-left: 9px;
}

#editor_tbl th, #editor_tbl td{ padding-top:5px;}
#editor_tbl th{text-align:left; padding-top:15px; color:#B1292E;}
#editor_tbl td{text-align:left; padding-left:5px; padding-right:30px;line-height:180%; }

.main_flex_wrap{flex-wrap:wrap; gap:48px;}
.main_flex_wrap.bottom{padding-top:60px;}
.main_flex_list{width:calc(50% - 24px); }
.main_flex_list ul > li{position:relative; padding-bottom:30px;}
.main_flex_list ul > li:before{content:''; display:block; height:1px; background:#e2e2e2; width:100%; position:absolute; left:0; bottom:0;}
.main_flex_list ul > li + li{margin-top:30px;}
.main_flex_list .thumb{width:250px; margin-right:14px; border:1px solid #d6d6d4; flex-shrink: 0; height:140px; box-sizing:border-box; position:relative;}
.cc__img_wrap{position:relative; max-width:100%; max-height:100%; display:flex;}
.articleList .thumb{text-align:center;}
.articleList .cc__img_wrap{display:inline-block;}
.main_flex_list .thumb img{display:block; max-height:100%; max-width:100%; margin:0 auto;}
img.cc__img{position:absolute; top:0; right:0; height:auto !important; width:auto !important;}
.main_flex_list a{text-decoration:none; color:#000;}
.main_flex_list a:hover{text-decoration:underline;}
.main_flex_list a > div{flex-grow: 1; flex:auto}
.main_flex_list .tit, .main_flex_list .writer{display:block;}
.main_flex_list .tit{font-size: 16px; line-height: 22px; font-family: 'NotoSerif-Bold', sans-serif; color:#000;}
.main_flex_list .writer{color: #000; font-size: 13px; line-height: 20px; margin-top:20px; font-family: 'Roboto','NotoSans-Regular', sans-serif;}

.article_flex{display:flex; }


/*여기부터*/
ul, li{list-style:none; margin:0; padding:0;}
.dp_ib{display:inline-block;}
.dp_block{display:block;}
.dp_flex{display:flex; width:100%; box-sizing:border-box;}
.dp_flex_wauto{display:flex; width:auto;}
.jc_sb{justify-content:space-between;}
.jc_sa{justify-content:space-around;}
.jc_fe{justify-content:flex-end;}
.jc_c{justify-content: center;}
.al_fs{align-items:flex-start;}
.al_c{align-items:center;}
.al_fe{align-items:flex-end;}
.main_link_banner{max-width:1250px; margin:60px auto 60px; position:relative; }
.main_link_banner > div{gap:40px;}
.main_link_banner > div > div{width:25%;}
.main_link_banner a, .main_link_banner img{display:block;}
.main_link_banner img{margin:0 auto; max-width:100%; height:100%;}
.main_link_banner > div > div:nth-child(2) a{background:#eee; position:relative; height:100%;}
.main_link_banner > div > div:nth-child(2) a img{position:absolute; top:0; left:50%; height:100%; transform: translateX(-50%);}

.main_link_last{height:100%;}
.main_link_last a{height:100%; position:relative;}
.main_link_last a img{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_link_last li:first-child{padding-bottom:2px; height:calc(50% - 2px);}
.main_link_last li:last-child{padding-top:2px; height:calc(50% - 2px);}

.article_div{flex-shrink: 0}

.article_div + dl{flex-grow: 1;}

ul.articleList span.type span.abc_date{color:#333; font-family: 'Roboto', 'NotoSans-Regular', sans-serif;}
ul.articleList span.type span.abc_date:after{display:none;}
ul.articleList span.type span.abc_type{margin-right:0; padding-right:0;}

/*.article_paging{display:none;}*/
div.articleBrief .article_paging a{display:block; position:absolute; font-size:0; background: url('../image/non_arrow.png') center center no-repeat; width:58px; height:100px; top:50%; margin-top:-72px; z-index:100;}
div.articleBrief .article_paging a:hover{background: url('../image/non_arrow_on.png') center center no-repeat;}
div.articleBrief .article_paging a.article_paging_prev{left:-150px;}
div.articleBrief .article_paging a.article_paging_next{right:-150px; transform: rotate(-180deg);}

div.articleBrief .article_paging.fixed a{position:fixed; margin-top:0; top:auto; bottom:0px; height:58px;}
div.articleBrief .article_paging.fixed a.article_paging_prev{left:auto; right:124px !important;}
div.articleBrief .article_paging.fixed a.article_paging_next{right:66px !important;}

.top_btn{position:fixed; bottom:0; right:0; width:58px; height:58px; background:rgba(0,0,0,0.3) url('../image/top-arrow.svg') center center no-repeat; font-size:0; background-size:28px; display:none; z-index:100;}
.top_btn.fixed{display:block;}

dl.moreInfo.c_red{padding:32px 20px; height:auto; background:#4c130c;}
dl.moreInfo.c_red > dt{position:static; transform: translateY(0); width:auto; display:block; color:#fff;}
dl.moreInfo.c_red > dd{height:auto; padding-left:0; display:flex; flex-wrap:wrap; gap:20px; margin-top:16px;}
dl.moreInfo.c_red > dd a{display:block; margin:0; width:184px; text-align:center; box-sizing:border-box; padding:5px; letter-spacing:-0.03em; font-size:14px;}

@media screen and (max-width:1545px){
div.articleBrief .article_paging a{width:50px; height:100px; background-size:100%;}
div.articleBrief .article_paging a:hover{background-size:100%;}
div.articleBrief .article_paging a.article_paging_prev{left:-80px;}
div.articleBrief .article_paging a.article_paging_next{right:-80px;}
}

@media screen and (max-width:1410px){
div.articleBrief .article_paging a{position:fixed; margin-top:0; top:auto; bottom:0; z-index:100; height:50px;}
div.articleBrief .article_paging a.article_paging_prev{right:124px; left:auto;}
div.articleBrief .article_paging a.article_paging_next{right:66px;}

}

@media screen and (max-width:1350px){
.main_link_banner{padding-left:20px; padding-right:20px;}
.main_link_banner > div{gap:20px;}

ul.articleList span.type.after_none span.abc_type{padding-right:10px; margin-right:10px;}
ul.articleList span.type.after_none span.abc_type:after{display:block;}

}


div#headerWrap.black_bg{background: url('/image/top_bg.png') no-repeat;    background-position: calc(45% - 0px) center;}



@media screen and (max-width:960px){


div#headerWrap.black_bg{background-size:0px;}
.main_link_banner > div{flex-wrap: wrap; gap:8px;}
.main_link_banner > div > div{width: calc(50% - 6px);}
.main_link_banner > div > div:nth-child(3){display:none;}
.main_link_banner > div > div:last-child{width:100%;}
.main_link_banner a img{width:100%; height:auto;}

.main_link_last a img{position:static; width:100%;}
.main_link_last{display:flex; justify-content:space-between; gap:8px;}
.main_link_last li{height:auto !important; width:50%;}
.main_flex_wrap{display:block;}

.main_flex_list{width:100%;}
.main_flex_list a{display:block;}
.main_flex_list .thumb{width:100%; margin-right:0; margin-bottom:6px;}
.main_flex_list ul{display:flex; justify-content:space-between;}
.main_flex_list ul li{width:calc(50% - 10px);}
.main_flex_list ul li + li{margin-top:0;}
.main_flex_list .tit{font-size:14px; line-height:20px;}
.main_flex_list .writer{margin-top:12px; font-family: 'Roboto','NotoSans-Regular', sans-serif;}

div.articleBrief .article_paging a{width:50px; height:50px; }

.top_btn{background-size:20px; display:block;}


}

@media screen and (max-width:640px){
div.articleItem.data dl.brief{display:block;}

}

@media screen and (max-width:500px){
ul.articleList span.type.after_none{padding-right:124px; }
ul.articleList span.type span.abc_date{margin-left:10px; padding-left:10px;}
ul.articleList span.type span.abc_type{display:inline;}
ul.articleList span.type.after_none span.abc_type{padding-right:0; margin-right:0;}
ul.articleList span.type.after_none span.abc_type:after{display:none;}
ul.articleList span.type span.abc_date:after{display:block; position: absolute;left: 0;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #333;}
}

#overlay { display: none; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
#overlay #overlay_close { margin:25px auto 0px auto; height: 20px; text-align: right; }
#overlay #main_image_wrap { margin:25px auto 25px auto; height: 100%; text-align: center; }
/*여기까지*/



/*20240710강희모 추가 메인컨텐츠 수정*/

.mainArticle_wrap{flex-wrap:wrap; gap:20px; margin-top:-16px;}
.mainArticle_wrap > div{margin-top:16px;}

.hot_wrap{width:calc(40% - 12px);}
.main_thesis{ box-sizing: border-box; zoom: 1; vertical-align: top; width:calc(20% - 16px);  border-bottom:1px solid #e2e2e2; padding-bottom:20px;}
.main_thesis > a{display: block; position: relative; height: 100%; padding-bottom: 50px; box-sizing: border-box; color: #000; font-size: 13px; line-height: 20px;}

.main_thesis span.type{padding-bottom: 12px; line-height: 13px; color: #333; font-size: 13px;}
.main_thesis span.type span{position: relative; display: inline-block; color: #ff3300; padding-right: 10px; margin-right: 10px; padding-left:0;}
.main_thesis span.type span:after{display:block; position: absolute; right: 0; top: 50%; width: 1px; height: 10px; margin-top: -5px; content: ""; background-color: #333;}
.main_thesis span.thumb{margin-top: 0; border: 1px solid #d5d5d5; min-height: 110px; display:block;}
.main_thesis span.thumb img{width: auto !important; max-width: 100% !important; max-height: 110px !important; margin: auto;}
.main_thesis span.tit{padding-top: 10px; font-size: 16px; line-height: 22px; font-family: 'NotoSerif-Bold', sans-serif;}
.main_thesis span.writer{padding: 10px 0 5px;}

.hot_wrap{background:#e9eaee; position:relative; padding-bottom:80px;}
.hot_wrap_content{padding:0px 0px 0px 15px; margin-bottom:15px;}
.hot_wrap_content h2{line-height:1; margin:0; padding:0; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-weight:700; color:#000; font-size:26px;}
.hot_wrap_content > .dp_flex{margin-top:15px; gap:10px;}
.hot_wrap_content img{display:block; width: 100%;}
.hot_wrap_txt h3{margin:0; padding:0; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-weight:700; color:#121212; font-size:20px; white-space: nowrap;}
.hot_wrap_txt div{margin-top:18px; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-size:15px; line-height:22px;}
.hot_wrap button{color:#fff; width:100%; border:0; background:#666666; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-weight:700; font-size:26px; display:block; height:80px; cursor:pointer; position:absolute; bottom:0; left:0;}
.hot_wrap button:before{content:''; display:inline-block; width:52px; height:52px; background:url('/image/main_article_icon.png') center center no-repeat; vertical-align:middle; margin-right:20px;}
.hot_wrap_txt {  position: relative;   left: 4%; padding-top:15px;     line-height: 180%;}

@media screen and (max-width:1350px){
	.main_link_banner{padding-left:20px; padding-right:20px;}
	.main_link_banner > div{gap:20px;}

}

@media screen and (max-width:1200px){
	.hot_wrap{width:calc(50% - 12px);}
	.main_thesis{width:calc(25% - 16px);}
}

@media screen and (max-width:960px){
	.hot_wrap_content{padding:0px 15px 0px 15px; margin-bottom:15px;}
	.hot_wrap_content > .dp_flex{margin-top:0px; gap:8px;}
	.dp_flex{display:flex; width:100%; box-sizing:border-box;flex-direction: row;}
	.hot_wrap_txt div{margin-top:8px; font-family: 'Roboto','NotoSans-Regular', sans-serif; font-size:12px; line-height:22px;}
	.hot_wrap_txt {  position: relative;   left: 4%; padding-top:0px; padding-right: 12px;}

	.mainArticle_wrap.dp_flex{padding:0 20px; display:block; margin-top:0; margin-bottom:16px;}
	.hot_wrap{margin-left:-20px; margin-right:-20px; width:auto;}

	.main_link_banner > div{flex-wrap: wrap; gap:8px;}
	.main_link_banner > div > div{width: calc(50% - 4px);}

	.main_link_banner > div > div:last-child{width:100%;}
	.main_link_banner a img{width:100%; height:auto;}

	.main_link_last a img{position:static; width:100%;}
	.main_link_last{display:flex; justify-content:space-between; gap:8px;}
	.main_link_last li{height:auto !important; width:50%;}

	.mainArticle_wrap > div{margin-top:0; padding:20px 0px 0px 0px;}
	.main_thesis{width:auto;}
	.main_thesis span.tit{padding: 0 135px 0 0; font-size: 14px; line-height: 18px; font-family: 'NotoSerif-Bold', sans-serif;}
	.main_thesis span.thumb{position: absolute; right: 0; top: 0; width: 120px; height: 65px; border: 1px solid #d5d5d5; box-sizing: border-box; min-height:auto;}
	.main_thesis span.thumb img{display: block; width: 100%;        height: 100%;}

	.hot_wrap button {position:relative;}
}

.div_title{	color: #3C63B0;	font-weight: bold;	font-size: 17pt;	border-bottom: 1px solid #000;	padding-bottom: 10px;	margin-bottom: 5px;}

.abstract_padding{padding-top:10px;}
/*여기까지*/

/*20230503 강희모 추가 text filed*/

@media screen and (max-width:960px){
body{padding-top:67px;}
div#headerWrap.black_bg{position: fixed; top: 0; left: 0; right: 0; background: #fff;border-bottom:5px solid #e61f19; }
}


dl.txt > dd > p > b {
	color: #B1292E;
	    font-family: 'NotoSans-Bold', sans-serif;
}