@charset 'UTF-8';

/*=========================================================
1. 폰트
=========================================================*/

/* 본고딕 */
@font-face {
	font-family: "Noto Sans KR";
	font-weight: 100;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Thin.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Thin.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Thin.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Thin.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 200;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Light.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Light.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Light.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Light.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 300;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-DemiLight.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-DemiLight.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-DemiLight.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 400;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Regular.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Regular.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Regular.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 500;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Medium.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Medium.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Medium.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 700;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Bold.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Bold.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Bold.woff") format("woff");
}

@font-face {
	font-family: "Noto Sans KR";
	font-weight: 900;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Black.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Black.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Black.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/NotoSansKR-Black.woff") format("woff");
}

/* Roboto */
@font-face {
	font-family: "Roboto";
	font-weight: 400;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Regular.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Regular.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Regular.woff") format("woff");
}

@font-face {
	font-family: "Roboto";
	font-weight: 700;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Bold.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Bold.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/Roboto-Bold.woff") format("woff");
}

/* TitilliumWeb */
@font-face {
	font-family: "TitilliumWeb";
	font-weight: 400;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Regular.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Regular.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Regular.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Regular.woff") format("woff");
}

@font-face {
	font-family: "TitilliumWeb";
	font-weight: 600;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-SemiBold.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-SemiBold.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-SemiBold.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-SemiBold.woff") format("woff");
}

@font-face {
	font-family: "TitilliumWeb";
	font-weight: 700;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Bold.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Bold.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Bold.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-Bold.woff") format("woff");
}

@font-face {
	font-family: "TitilliumWeb_Italic";
	font-weight: 700;
	font-style: normal;
	src: local("※"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-BoldItalic.eot"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-BoldItalic.eot?#iefix") format("embedded-opentype"),
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-BoldItalic.woff2") format("woff2"), 
	url("/wp-content/themes/sciencetimes/css/fonts/TitilliumWeb-BoldItalic.woff") format("woff");
}

/*=========================================================
2. 리셋
=========================================================*/

html {font-size:1em; letter-spacing:-0.025em;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button {-webkit-box-sizing:border-box;box-sizing:border-box; margin:0; padding:0; border:0; font-family:"Noto Sans KR",sans-serif; font-size:100%; vertical-align:baseline;}

input[type="text"],input[type="email"],input[type="number"],input[type="submit"],input[type="reset"],input[type="tel"],input[type="password"],input[type="url"],input[type="search"],input[type="file"],button,textarea {-webkit-box-sizing:border-box;box-sizing:border-box; margin:0; padding:0; border:none; border-radius:0; background:none; font-family:"Nanum Barun Gothic",Dotum,"돋움",Helvetica,"Apple SD Gothic Neo",sans-serif; font-size:100%; letter-spacing:-0.04em; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
body {position:relative; background:#fff; font-size:14px; line-height:1.8; color:#333; font-family:'Noto Sans KR', sans-serif; word-wrap:break-word; word-break:keep-all; -webkit-text-size-adjust:none; -moz-text-size-adjust:none;}
blockquote,q {quotes:none;}
/* input:focus,button:focus {border:none;} */
table {width:100%; background:#fff; table-layout:fixed; border-spacing:0; border-collapse:collapse;}
ul,ol,li {list-style:none;}
a {color:#333; text-decoration:none;}
button::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
input::-moz-focus-inner {margin-top:-2px; margin-bottom:-2px; padding:0; border:0;}
img {max-width:100%; height:auto;}
button {cursor:pointer; background:transparent;}
button span {position:relative;}
textarea {resize:none;}
textarea:focus {outline:none;}
em,address,i {font-style:normal;}
:focus {outline:none;}
:invalid {-webkit-box-shadow:none;box-shadow:none;}
:-moz-submit-invalid {box-shadow:none;}
:-moz-ui-invalid {box-shadow:none;}
label {vertical-align:middle; cursor:pointer;}

select {border:0; border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* PC, 모바일 제어 */
.pc {display:block !important;}
.mobile {display:none !important;}

.pc_view {display:block;}
.mobile_view {display:none;}

@media (max-width:1024px) {
	.pc {display:none !important;}
	.mobile {display:block !important;}
}

/* Hidden */
.hidden {overflow:hidden; clip:rect(0 0 0 0); position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0;}

/* Placeholder */
::-webkit-input-placeholder {font-weight:400; color:#ccc;}
::-moz-placeholder {font-weight:400; color:#ccc;}
:-ms-input-placeholder {font-weight:400; color:#ccc;}
:-moz-placeholder {font-weight:400; color:#ccc;}

/* 워드프레스 테마 리셋 */
html {overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}
#buffer-extension-hover-button,.entry-footer,.skip-link,.post-edit-link,.screen-reader-text,.dropdown-toggle,.site-header svg,.menu-toggle,.submenu-expand,.mobile-parent-nav-menu-item,.main-menu-more {display:none !important;}
 
@media (max-width:599px) {
    #wpadminbar {position:fixed !important; top:0; left:0; z-index:1000;}
}

/*=========================================================
3. 공통 레이아웃
=========================================================*/

.ar {text-align:right !important;}
.al {text-align:left !important;}
.ac {text-align:center !important;}

.fl {float:left;}
.fr {float:right;}

.container {position:relative; max-width:1400px; margin:0 auto; padding:0 100px;}
.content {margin-top:40px; font-weight:400;}
.inner {max-width:1196px; margin:0 auto; padding:0 48px; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
.inner:after {clear:both; content:''; display:block;}
.move_top {visibility:hidden; position:fixed; right:20px; bottom:100px; z-index:7; -webkit-transition:all 0.3s; transition:all 0.3s; opacity:0;}
.move_top.on {visibility:visible; bottom:80px; opacity:1;}
.move_top button {position:relative; width:30px; height:30px; border:1px solid #223b78; background:#fff; line-height:1; text-align:center; text-indent:-9999px; -webkit-transition:all 0.3s; transition:all 0.3s;}
.move_top button:hover {background:#223b78;}
.move_top button:before {position:absolute; top:5px; left:50%; width:0; height:0; margin-left:-6px; border-width:6px; border-style:solid; border-color:transparent transparent #223b78 transparent; background:none; -webkit-transition:all 0.3s; transition:all 0.3s; content:"";}
.move_top button:hover:before {border-bottom-color:#fff;}

.ie9 {display:table; position:fixed; bottom:0; left:0; z-index:999; width:100%; min-height:100px; padding:5px 60px; background:#000;; font-size:14px; line-height:2em; color:#fff; text-align:center;}
.ie9 .inner {display:table-cell; vertical-align:middle;}
.ie9 .inner a {font-size:16px; font-weight:700; color:#fff;}
.ie9 button {overflow:hidden; position:absolute; top:20px; right:20px; width:30px; height:30px; background:url(/wp-content/themes/sciencetimes/images/sprite/sprite.png); background-position:-10px -258px; text-indent:-9999px;}

.grid:after {clear:both; content:''; display:block;}
.grid .left {float:left;}
.grid .right {float:right;}

.select_wrap {position:relative;}
.select_wrap:after {width:0; height:0; margin-top:-2px; border-color:#2a2a2a transparent transparent transparent; border-width:4px; border-style:solid; content:''; position:absolute; top:50%; right:8px; display:inline-block;}

.select_form {position:relative;}
.select_form button {width:100%;}
.select_form button span {position:relative; display:block;}
.select_form button span:before, .select_form button span:after {position:absolute; content:''; display:block;}
.select_form ul {position:absolute;}
.select_form a {display:block;}

/* input */
input {vertical-align:middle;}
input[type='checkbox'] {height:14px; position:absolute; top:1px; left:0;}

.input_wrap {line-height:0; position:relative; display:inline-block;}
.input_wrap [class*='input_'] {vertical-align:middle; position:relative; display:inline-block;}
.input_wrap input + .input_check {width:14px; height:14px; margin-right:3px; background-color:#fff; border:1px solid #cbcbcb; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.2s; transition:all 0.2s;}
.input_wrap input:checked + .input_check {background-color:#223b78; border-color:#223b78;}
.input_wrap input + .input_check:before {width:12px; height:12px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -430px 0 no-repeat; content:''; position:absolute; top:0; left:0; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.input_wrap input:checked + .input_check:before {opacity:1;}

.input_wrap input[type='text'] {width:100%;}
.input_wrap .placeholder {line-height:1; position:absolute; top:50%; left:0; -webkit-transition:all 0.2s; transition:all 0.2s;}

.input_wrap.textarea .placeholder {color:#999; top:20px; left:20px;}
.input_wrap.textarea textarea {width:100%; padding:20px; background-color:#fff; border:1px solid #d9e1ed;}

.btnSection:after {clear:both; content:''; display:block;}
.btnSection > * + * {margin-left:8px;}

/* button */
[class*='btn_'] {border:1px solid transparent; text-align:center; display:inline-block;}
.btn_download {padding:5px 15px; color:#2a2a2a !important; font-size:16px; font-weight:500; border-color:#2a2a2a;}
.btn_download:before {width:19px; height:19px; margin-top:-2px; margin-right:8px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -470px 0 no-repeat; vertical-align:middle; content:''; display:inline-block;}

/* button:size */
.btn_mid {padding:9px 16px 8px 16px; font-size:14px; font-weight:500;}

/* button:color */
.btn_grey {color:#fff; background-color:#8891a0;}
.btn_grey02 {color:#8891a0; border:1px solid #8891a0;}

.btn_blue {color:#fff; background-color:#223b78;}

/* board */
.btnSection + .board_list, .board_list + .btnSection {margin-top:20px;}
.board_list {border-top:1px solid #ddd;}
.board_list li {padding:20px 0; border-bottom:1px solid #ddd;}
.board_list li > div {position:relative; display:block;}
.board_list li > div:after {clear:both; content:''; display:block;}
.board_cont .cate {margin-bottom:10px; color:#41bcea; font-size:14px; font-weight:500; line-height:1; display:block;}
.board_list li > div > div:after {clear:both; content:''; display:block;}
.board_list li > a {position:relative; display:block;}
.board_list li > a:after {clear:both; content:''; display:block;}
.board_list li > a > div:after {clear:both; content:''; display:block;}
.board_cont .tit {margin-bottom:8px; color:#2a2a2a; font-size:22px; font-weight:500; line-height:26px; display:block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.board_cont:hover .tit {color:#223b78;}
.board_cont p {max-height:57px; color:#999; font-size:13px; line-height:19px; overflow:hidden; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.board_cont .date {color:#cecece; font-size:13px; font-weight:300; line-height:1; position:relative;}
.board_list.type_thumb .thumb {width:254px; height:157px; background-position:50%; background-size:cover; float:left;}
.board_list.type_thumb .board_cont {padding-bottom:20px;}
.board_list.type_thumb .thumb + .board_cont {padding-left:28px; position:absolute; top:0; bottom:0; left:254px;}
.board_list.type_thumb .date {position:absolute; bottom:0;}
.board_list.type_thumb .date span {margin-left:10px; display:inline-block;}

.board_list.type_view_cont .board_cont p, .board_list.type_view_cont .board_cont > div {max-height:40px; font-size:13px; line-height:19px; -webkit-line-clamp:2; overflow:hidden;}
.board_list.type_view_cont .board_cont .tit {font-size:14px; line-height:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.board_list.type_view_cont li {padding:16px 0;}

.board_list.type_view_cont.top10 li {padding:11px 0;}
.board_list.type_view_cont.top10 .board_cont p { -webkit-line-clamp:1;}

.board_list.type_gallery .thumb {background-position:50%; background-size:cover; display:inline-block;}
.board_list.type_gallery .tit {display:block;}

.board_list.type_default {border-top:1px solid #2a2a2a;}
.board_list.type_default:before {margin-top:2px; border-top:1px solid #2a2a2a; content:''; display:block;}
.board_list.type_default li {width:100%; padding:20px 0; table-layout:fixed; display:table;}
.board_list.type_default li.header {padding:16px 0; border-bottom:1px solid #2a2a2a;}
.board_list.type_default li.header > * {font-size:16px; line-height:1.3;}
.board_list.type_default li > * {padding-right:20px; padding-left:20px; color:#555; text-align:center; vertical-align:middle; display:table-cell;}
.board_list.type_default .board_cont {text-align:left;}

.board_list.type_default .check, .board_list.type_default .no {width:70px;}
.board_list.type_default .no span {color:#41bcea; font-size:16px; font-weight:500;}
.board_list.type_default .no.release {width:100px;}
.board_list.type_default .date {width:116px; font-size:16px;}
.board_list.type_default .hit {width:115px;}
.board_list.type_default .tit, .board_list.type_default .board_cont p {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.board_list.type_default .tit {margin-bottom:5px; font-size:16px; line-height:1.3;}
.board_list.type_default .board_cont p {color:#999; font-size:14px;}

.pagination {margin-top:24px; text-align:center; position:relative;}
.pagination * {padding:6px 3px; color:#999; font-weight:500; line-height:1; vertical-align:middle; position:relative; display:inline-block;}
.pagination strong {color:#223b78;}
.pagination [class*='btn_']:before {width:9px; height:6px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -280px 0 no-repeat; vertical-align:middle; content:''; position:absolute; top:10px; display:inline-block;}
.pagination .btn_prev {padding-left:16px;}
.pagination .btn_next {padding-right:16px;}
.pagination .btn_prev:before {left:0; -webkit-transform:rotate(-90deg); transform:rotate(-90deg);}
.pagination .btn_next:before {right:0; -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pagination .btn_prev, .pagination .btn_next { position:absolute; top:0;}
.pagination .btn_prev {left:0;}
.pagination .btn_next {right:0;}

.location {max-width:1196px; margin:0 auto; padding:0 48px; text-align:right;}
.location:after {clear:both; content:''; display:block;}
.location div {float:right; display:table;}
.location div > * {font-size:14px; line-height:1; vertical-align:middle; display:table-cell;}
.location div > *:first-child {width:16px; height:16px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -190px -150px no-repeat;}
.location div > *:last-child {color:#223b78; font-weight:500;}

.location div > * + *:before {margin:0 14px;color:#c1c4d0; vertical-align:middle; content:'>'; display:inline-block;}

/* font */
.font_tit {font-family:'TitilliumWeb', sans-serif;}
.font_robo {font-family:'Roboto', sans-serif;}

@media (max-width:1024px){
	.location {padding:0 24px;}
	.location div > * {font-size:12px;}
	.location div > * + *:before {margin:0 8px;}

	.inner {padding-right:24px; padding-left:24px;}

	.board_list.type_thumb .thumb {width:176px; height:116px;}
	/*.board_list.type_thumb .thumb + .board_cont {left:176px;}*/
	.board_list.type_thumb .thumb + .board_cont {padding-left:200px; position:static;}

	.board_cont p {-webkit-line-clamp:2;}
}

@media (max-width:1000px){
	.content {margin-top:30px;}
	.board_cont .tit {font-size:18px; line-height:1.5;}
	.board_cont .cate {margin-bottom:5px; font-size:13px;}

	.board_list.type_default li.header {padding:10px 0;}
	.board_list.type_default li > * {padding-right:10px; padding-left:10px;}
	.board_list.type_default li.header > * {font-size:15px;}

	.board_list.type_default .no, .board_list.type_default .no span {font-size:14px;}
	.board_list.type_default .date {width:95px; font-size:14px;}
	.board_list.type_default .check, .board_list.type_default .no {width:60px;}
	.board_list.type_default .no.release {width:80px;}
}

@media (max-width:900px){
	.content {margin-top:20px;}
	.board_list li {padding:15px 0;}
	.board_list.type_thumb .board_cont {padding-bottom:0;}
	.board_list.type_thumb .thumb {width:156px; height:96px;}
	.board_list.type_thumb .thumb + .board_cont {width:calc(100% - 156px); padding-left:14px; float:left; position:static;}
	.board_list.type_thumb .date {position:static;}
}

@media (max-width:768px){
	.location {display:none;}

	.inner {padding-right:15px; padding-left:15px;}
	.pagination .btn_prev, .pagination .btn_next {font-size:13px;}
	.pagination [class*='btn_']:before {top:9px;}

	.btn_mid {padding:5px 10px 5px 10px; font-size:13px;}

	.btnSection + .board_list, .board_list + .btnSection {margin-top:15px;}

	.pc_view {display:none;}
	.mobile_view {display:block;}
}

@media (max-width:600px){
	.board_cont .tit {font-size:16px;}
	.board_list.type_thumb .thumb {width:105px; height:75px;}
	.board_list.type_thumb .thumb + .board_cont {width:calc(100% - 105px);}

	.board_list.type_default li.header > * {font-size:13px;}
	.board_list.type_default .tit {font-size:14px;}
	.board_list.type_default .no, .board_list.type_default .no span {font-size:13px;}
	.board_list.type_default .date, .board_list.type_default .hit {width:85px; font-size:12px;}
	.board_list.type_default .check, .board_list.type_default .no {width:40px;}

	.btn_mid {font-size:12px;}
}

@media (max-width:599px){
	.board_list li {padding:15px 0 9px 0;}
	.board_cont .tit {margin-bottom:0; font-size:15px;}
	.board_list.type_thumb .thumb {width:85px; height:65px;}
	.board_list.type_thumb .thumb + .board_cont {width:calc(100% - 85px);}
	.board_list.type_thumb .thumb + .board_cont p, .board_list.type_thumb .thumb + .board_cont > div {display:none;}
	.board_cont p, .board_cont > div {margin-top:8px;}

	.board_list.type_default li.header {display:none;}
	.board_list.type_default li {position:relative; display:block;}
	.board_list.type_default li > * {width:auto !important; padding-right:0; padding-left:0; line-height:1; vertical-align:top; text-align:left; display:inline-block;}
	.board_list.type_default .board_cont {display:block;}
	.board_list.type_default .board_cont p, .board_list.type_default .board_cont > div {margin-top:4px; font-size:12px;}	

	.board_list.type_default .no, .board_list.type_default .check {margin-bottom:5px;}
	.board_list.type_default .scrap_date {margin-top:2px;}
	.board_list.type_default .hit {margin-left:10px;}
	/* .board_list.type_default .hit:before {content:'조회 :'; display:inline-block;}
	.board_list.type_default .scrap_date:before {margin:0 3px; content:'스크랩 일자 : '; display:inline-block;}
	.board_list.type_default .date:not(.scrap_date):before {content:'등록일 : '; display:inline-block;}*/
	.board_list.type_default .board_cont + .date, .board_list.type_default .board_cont + .date + .hit {margin-top:5px;}
}

/*=========================================================
4. Slick
=========================================================*/

.slick-slider{display:block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{display:block;overflow:hidden;position:relative;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{display:block;position:relative;top:0;left:0;margin-right:auto;margin-left:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

/*=========================================================
5. 헤더
=========================================================*/

header {background:#223b78; opacity:1; position:relative; z-index:99; -webkit-transition:opacity 0.3s ease; transition:opacity 0.3s ease;}
header:before {width:100%; border-top:1px solid #395391; content:''; position:absolute; top:40px; left:0;}
header:after {clear:both; content:''; display:block;}

header .inner {padding-top:40px;}

header h1 {padding:17px 0; line-height:0; text-align:center;}
header h1 a {width:229px; height:46px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/h1.png') 50% no-repeat; background-size:contain; vertical-align:middle; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}

header .search_wrap {width:36px; min-height:36px; position:absolute; bottom:89px; right:48px;}
header .search_wrap:after {border-bottom:1px solid #395391; content:''; position:absolute; bottom:0; right:50%; left:50%; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
header .search_wrap.active {width:auto;}
header .search_wrap.active:after {right:0; left:0;}
header .search_wrap .input_wrap {width:0; opacity:0; overflow:hidden;}
header .search_wrap.active .input_wrap {width:248px; opacity:1; -webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
header .search_wrap .input_wrap input[type='text'] {padding:10px 32px 10px 0; color:#fff;}
header .search_wrap .input_wrap .placeholder {margin-top:-7px; color:rgba(255,255,255,0.5); font-size:14px;}
header .search_wrap .btn_search {width:23px; height:23px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') 0 -30px/250px; position:absolute; bottom:9px; right:4px; z-index:1;}

.quick_wrap {padding:13px 0; position:absolute; top:0; right:48px; left:48px;}
.quick_wrap li {float:left; line-height:1;}
.quick_wrap a {color:#fff; font-size:13px; font-weight:500;}
.quick_wrap .family_site li {margin-right:21px;}
.quick_wrap .family_site li a {position:relative; display:block;}
.quick_wrap .family_site li a:before {height:17px; margin-top:-9px; background-image:url('/wp-content/themes/sciencetimes/images/common/icon_common.png'); background-size:250px; content:''; position:absolute; top:50%; left:0; display:inline-block;}

.quick_wrap .family_site li.naver_post a {padding-left:15px;}
.quick_wrap .family_site li.science_all a {padding-left:24px;}
.quick_wrap .family_site li.kofac a {padding-left:17px;}

.quick_wrap .family_site li.naver_post a:before {width:10px; background-position:0 0;}
.quick_wrap .family_site li.science_all a:before {width:19px; background-position:-30px 0;}
.quick_wrap .family_site li.kofac a:before {width:12px; background-position:-60px 0;}

.quick_wrap .right a {padding:0 3px; font-weight:400; opacity:0.5;}
.quick_wrap .right li {margin-left:24px;}

.quick_wrap .select_wrap:after {display:none;}
.quick_wrap select {display:none;}

header .nav_menu .left, header .nav_menu .right {display:none;}

header .menu_wrap {border-top:3px solid #fff; position:relative;}
header .menu_wrap:before {width:100%; border-top:1px solid #fff; content:''; position:absolute; top:3px; left:0;}
header .menu_wrap:after {clear:both; content:''; display:block;}
header .main-menu a {color:#fff; font-weight:700; letter-spacing:-0.05em; font-size:18px; display:block; -webkit-transition:all 0.2s; transition:all 0.2s;}
header .newsletter {margin-top:19px; padding:10px 16px 10px 44px; color:#2a2a2a; font-size:16px; font-weight:500; line-height:1; background-color:#fff; float:right; overflow:hidden; position:relative; display:inline-block;}
header .newsletter:before {width:21px; height:14px; margin-top:-7px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -90px 0 no-repeat; background-size:250px; content:''; position:absolute; top:50%; left:15px; display:inline-block;}
header .newsletter:hover:before {-webkit-animation:fadeInLeft 0.8s;animation:fadeInLeft 0.8s;}
header .main-menu {width: calc(100% - 140px); margin-top:4px; float:left; display:inline-block;}
header .main-menu:after {clear:both; content:''; display:block;}
header .main-menu > li {width:20%; float:left; position:relative;}
header .main-menu > li > a {padding:17px 0; text-align:center;}
header .main-menu > li > a:hover {color:#ffdc5d;}
header .main-menu > li:hover .sub-menu {opacity:1; visibility:visible;}
header .sub-menu {width:100%; padding:12px 0; background-color:#fff; border:1px solid #223b78; text-align:center; visibility:hidden; position:absolute; top:65px; left:0; z-index:1; opacity:0; -webkit-transition:all 0.2s; transition:all 0.2s;}
header .sub-menu a {padding:2px 0; color:#999; font-size:16px; font-weight:500;}
header .sub-menu a:hover {color:#223b78;}

/* 모바일 메뉴 */
.open_menu {width:24px; height:20px; font-size:0; border-top:2px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; position:absolute;}
.open_menu:before, .open_menu:after {width:100%; border-top:2px solid #fff; content:''; position:absolute; left:0; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.open_menu:before {bottom:9px;}
.open_menu:after {bottom:0;}

.close_menu {width:29px; height:29px; font-size:0; position:absolute; top:25px; right:-34px;}
.close_menu:before, .close_menu:after {width:100%; border-top:2px solid #fff; content:''; position:absolute; left:0; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.close_menu:before {top:13px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.close_menu:after {bottom:14px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

@media (max-width:1024px){
	header {text-align:center;}
	header h1 {padding:8px 0;}
	header h1 a {height:33px}
	.open_menu {top:57px;}

	header .quick_wrap {right:24px; left:24px;}

	header .search_wrap {right:24px; bottom:5px;}

	header .menu_wrap {width:100%; height:100%; background:rgba(0,0,0,0.8); border:0; text-align:left; visibility:hidden; opacity:0; position:fixed; top:0; left:0; z-index:999;}
	header .menu_wrap:before {display:none;}
	header .menu_wrap.on {visibility:visible; opacity:1; -webkit-transition:all 0.3s; transition:all 0.3s;}

	header .menu_wrap .nav_menu {-webkit-transform:translateX(-100%);transform:translateX(-100%); position:relative;}

	header .menu_wrap.on .nav_menu {width:50%; min-width:300px; height:100vh; background-color:#fff; -webkit-transform:translateX(0); transform:translateX(0); -webkit-transition:-webkit-transform 0.3s; transition:-webkit-transform 0.3s; transition:transform 0.3s; transition:transform 0.3s, -webkit-transform 0.3s;}
	header .main-menu, header nav li, header .newsletter {float:none !important;}
	header .newsletter {margin-top:0; padding:15px; border-top:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; display:block;}
	header .newsletter:before {display:none;}

	header .nav_inner {width:100%; overflow:auto; -webkit-overflow-scrolling: touch; position:absolute; top:0; bottom:0; left:0;}


	header .main-menu {width:100%; margin-top:0;}
	header .main-menu > li {width:100%; background-color:#fff; border-top:1px solid #ddd;}
	header .main-menu a {padding:15px !important; color:#2a2a2a; font-size:16px; font-weight:500; line-height:1; text-align:left !important; position:relative;}
	header .main-menu a:before, header .main-menu a:after {width:16px; border-top:2px solid #999; content:''; position:absolute; top:50%; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
	header .main-menu a:before {-webkit-transform:rotate(45deg);transform:rotate(45deg); right:25px;}
	header .main-menu a:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg); right:15px;}
	header .main-menu > li.on a:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
	header .main-menu > li.on a:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);}

	header .main-menu > li.on {opacity:1; visibility:visible;}
	header .main-menu > li a:hover {color:inherit;}
	header .sub-menu {background-color:#eee; border:0; opacity:inherit; visibility:inherit; position:static; display:none; -webkit-transition:none; transition:none;}
	header .sub-menu a {padding-right:30px !important; padding-left:30px !important; color:#555;}
	header .sub-menu a:before, header .sub-menu a:after {display:none;}
}

@media (max-width:1000px){
	.quick_wrap {right:18px; left:18px;}
}

@media (max-width:900px){
	.quick_wrap .family_site li {margin-right:10px;}
	.quick_wrap .right li {margin-left:10px;}
}

@media (max-width:768px){
	header:before {display:none;}
	header .inner {padding-top:0;}
	header .quick_wrap {display:none;}
	header .search_wrap {right:15px;}
	header .search_wrap.active {padding:0 10px; background-color:rgba(34,59,120,1); left:60px;}
	header .search_wrap.active .input_wrap {width:100%;}
	.open_menu {margin-top:-10px; top:50%;}

	header h1 {padding:12px 0;}
	header h1 a {height:25px;}

	header .nav_inner {top:160px;}

	header .main-menu a:before, header .main-menu a:after {width:10px; border-top:1px solid #666;}
	header .main-menu a:before {right:22px;}

	header .nav_menu .left, header .nav_menu .right {display:block;}
	header .nav_menu .left ul:after, header .nav_menu .right ul:after {clear:both; content:''; display:block;}
	header .nav_menu .left {padding:0 20px; background-color:#223b78; position:relative;}
	header .nav_menu .left:before, header .nav_menu .left:after {width:100%; border-bottom:3px solid #223b78; content:''; position:absolute; left:0; z-index:1; display:block;}
	header .nav_menu .left:before {border-color:#fff; bottom:0;}
	header .nav_menu .left:after {bottom:-3px;}
	header .nav_menu .left li, header .nav_menu .right li {float:left;}
	header .nav_menu .left li {width:33.333%;}
	header .nav_menu .left li a {padding:14px 0; color:#fff; font-size:12px; font-weight:500; line-height:1.3; text-align:center; display:block;}
	header .nav_menu .left li a:before {width:19px; height:17px; margin:0 auto 6px auto; background-image:url('/wp-content/themes/sciencetimes/images/common/icon_common.png'); background-repeat:no-repeat; background-size:250px; content:''; display:block;}
	header .nav_menu .left li.naver_post a:before {background-position:4px 0}
	header .nav_menu .left li.science_all a:before {background-position:-30px 0}
	header .nav_menu .left li.kofac a:before {background-position:-55px 0}

	header .nav_menu .right {margin-top:3px;}
	header .nav_menu .right * {line-height:1; position:relative;}
	header .nav_menu .right a {padding:10px 15px; color:#999; font-size:13px; display:block;}
	header .nav_menu .right li:nth-child(1), header .nav_menu .right li:nth-child(2) {width:50%; text-align:center;}
	header .nav_menu .right li:nth-child(1) a, header .nav_menu .right li:nth-child(2) a {padding:15px 0; color:#2a2a2a; font-size:14px; font-weight:300; background-color:#f5f9ff; display:block;}

	header .nav_menu .right li:nth-child(2):before {height:13px; margin-top:-7px; border-left:1px solid #aebacc; vertical-align:middle; content:''; position:absolute; top:50%; left: 0; z-index:1; display:inline-block;}
}

/* 워드프레스 관리자 헤더 커스터마이징
.admin-bar header {top:32px;}

@media (max-width:1024px) {
	.admin-bar header .menu_wrap {top:32px;}
	.admin-bar header .top_menu {bottom:47px;}
}

@media (max-width:782px) {
	.admin-bar header {top:46px;}
	.admin-bar header .menu_wrap {top:46px;}
	.admin-bar header .top_menu {bottom:61px;}
} */

/*=========================================================
6. 푸터
=========================================================*/

footer {margin-top:80px; padding-bottom:40px; background-color:#eee; border-top:1px solid #2a2a2a; position:relative;}
footer:before {margin-top:2px; border-top:1px solid #2a2a2a; content:''; display:block;}

footer h1 {width:168px; height:52px; background:url('/wp-content/themes/sciencetimes/images/common/h1_footer.png') 0 no-repeat; background-size:contain;}

footer .navi {padding-top:35px; padding-bottom:42px; background-color:#fff;}
footer .navi ul:after {clear:both; content:''; display:block;}
footer .navi ul li {width:20%; float:left; line-height:1;}
footer .navi li li {width:auto; float:none;}
footer .navi li a {padding:13px 0; color:#2a2a2a; font-size:18px; font-weight:700; display:block;}
footer .navi li li a {padding:8px 0; color:#999; font-size:14px; font-weight:500; -webkit-transition:all 0.2s; transition:all 0.2s;}
footer .navi li li a:hover {color:#223b78;}

footer h1, footer .info {margin-top:53px; margin-right:20px; float:left;}
footer .info {margin-right:0;}
footer h1 {font-size:0;}
footer .link {width:226px; position:absolute; top:45px; right:48px;}

footer .info {line-height:1;}
footer .info strong {color:#223b78; font-weight:400; line-height:1.3;}
footer .info ul {margin-top:34px;}
footer .info ul * {color:#999; font-size:12px; line-height:19px;}
footer .info .address, footer .info .tel {display:inline-block;}
footer .info .tel:before {height:12px; margin:0 9px 0 7px; border-left:1px solid #ddd; content:''; vertical-align:middle; display:inline-block;}
footer .info em {font-family:'Roboto', sans-serif; font-weight:700;}

footer .copyright {margin-left:188px; clear:both;}
footer .copyright span {width:136px; height:39px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/logo_service.png') 50% no-repeat; background-size:contain; display:inline-block;}
footer .copyright p {padding-top:30px; color:#999; font-size:12px; font-weight:400; font-family:'Roboto', sans-serif;}

footer .select_form span {width:100%; padding:8px 25px 8px 10px; color:#fff; font-size:14px; font-weight:500; background-color:#999; text-align:left; display:block;}
footer .select_form button span:before, footer .select_form span:after {width:8px; border-top:1px solid #414141; top:50%;}
footer .select_form span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg); right:15px;}
footer .select_form span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg); right:10px;}
footer .select_form button.on span:before {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
footer .select_form button.on span:after {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
footer .select_form ul {width:100%; background-color:#fff; border:1px solid #ddd; bottom:35px; display:none;}
footer .select_form a {padding:9px 9px 11px 9px; color:#999; line-height:1;}
footer .select_form li + li a {border-top:1px solid #ddd;}
footer .select_form a:hover {color:#223b78;}

footer .policy:after, footer .sns:after {clear:both; content:''; display:block;}

footer .policy {margin-top:20px; margin-left:-28px;}
footer .sns {margin-top:45px;}
footer .policy li, footer .sns li {line-height:1; float:left;}

footer .policy li {width:50%; padding-top:7px; padding-left:28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
footer .policy a {padding:4px 0; color:#555; font-size:12px; position:relative; display:block;}
footer .policy a:after {border-bottom:1px solid #2a2a2a; content:''; position:absolute; right:50%; bottom:0; left:50%; display:block; -webkit-transition:all 0.2s; transition:all 0.2s;}
footer .policy a:hover {color:#2a2a2a;}
footer .policy a:hover:after {right:0; left:0;}

footer .sns li + li {padding-left:10px;}
footer .sns li a {width:30px; height:30px; font-size:0; background-image:url('/wp-content/themes/sciencetimes/images/common/icon_sns.png'); background-repeat:no-repeat; background-size:70px auto; display:block;}
footer .sns li a.facebook {background-position:0 0;}
footer .sns li a.instagram {background-position:0 -40px;}
footer .sns li a.blog {background-position:0 -80px;}
footer .sns li a.youtube {background-position:0 -120px;}
footer .sns li a.facebook:hover {background-position:-40px 0;}
footer .sns li a.instagram:hover {background-position:-40px -40px;}
footer .sns li a.blog:hover {background-position:-40px -80px;}
footer .sns li a.youtube:hover {background-position:-40px -120px;}

@media (max-width:1120px){
	footer .info li {width:100%;}
	footer .info li:before {display:none !important;}
}

@media (max-width:1080px) {
	footer .info {width:50%;}
}

@media (max-width:1024px){
	footer {border-top:0;}
	footer:before {display:none;}
	footer .navi {display:none;}
	footer .link {right:28px;}
}

@media (max-width:1000px) {
	footer {margin-top:50px;}
	footer h1, footer .info {margin-top:30px;}
	footer h1 {width:115px;}
	footer .info ul {margin-top:15px;}
	footer .link {top:25px; right:18px;}
	footer .copyright {margin-left:135px;}
	footer .copyright p {padding-top:15px;}
}

@media (max-width:790px){
	footer .info {margin-bottom:18px;}
	footer .link {width:auto; margin-left:135px; clear:both; position:static;}
	footer .select_form {width:160px; position:absolute; top:30px; right:18px;}
	footer .policy {margin-right:60px; margin-left:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
	footer .policy li {width:20%; padding-top:0; padding-right:10px; padding-left:0; vertical-align:middle;}
	footer .policy li + li a:before {height:10px; margin-top:-5px; border-left:1px solid #ddd; content:''; position:absolute; top:50%; left:0; display:inline-block;}
	footer .policy a {padding:10px 0; text-align:center; position:relative;}

	footer .sns {margin-top:18px;}

	footer .copyright span {position:absolute; bottom:10px; right:18px;}
}

@media (max-width:768px){
	footer {margin-top:30px; padding-bottom:20px;}
	footer .inner {padding-top:20px;}
	footer h1 {height:32px; margin-top:0; margin-right:0; float:none;}
	footer .info {width:auto; margin-top:18px;}
	footer .select_form {top:20px;}
	footer .select_form span {padding:4px 25px 4px 10px; font-size:13px;}
	footer .select_form ul {bottom:25px;}
	footer .select_form a {padding:6px 9px 8px 9px; font: size 12px;}
	footer .policy {margin-top:10px;}
	footer .policy li {width:33.3333%;}
	footer .policy li:nth-child(n+4) {width:50%;}
	footer .policy a {padding:6px 0; font-size:12px;}
	footer .policy a:after {display:none;}
	footer .link, footer .copyright {margin-left:0;}
	footer .sns li a {width:20px; height:20px; background-size:47px auto;}
	footer .copyright span {height:25px; bottom:38px; right:40px;}

	footer .sns li a.instagram {background-position:0 -27px;}
	footer .sns li a.blog {background-position:0 -53px;}
	footer .sns li a.youtube {background-position:0 -80px;}

	footer .sns li a:hover.facebook {background-position:-27px 0;}
	footer .sns li a:hover.instagram {background-position:-27px -27px;}
	footer .sns li a:hover.blog {background-position:-27px -53px;}
	footer .sns li a:hover.youtube {background-position:-27px -80px;}
}

@media (max-width:767px) {
	footer .info strong {font-size:13px;}
}

/*=========================================================
7. 모달, 로딩
=========================================================*/
#modal {background-color:rgba(0,0,0,0.7); position:fixed; top:0; right:0; bottom:0; left:0; z-index:100; display:none;}
#modal.active {display:block;}
#modal .modal_container {max-width:90%; max-height:90%; min-height:60%;}
#modal .modal_header {padding:20px; color:#fff; font-size:24px; font-weight:700; background-color:#2a2a2a; text-align:center;}
#modal .modal_header h2 {color:#fff;}
#modal .btn_close {width:50px; height:50px; font-size:0; border:1px solid #fff; position:absolute; top:0; right:0;}
#modal .btn_close:before, #modal .btn_close:after {width:40px; border-top:1px solid #fff; content:''; position:absolute; top:50%; left:50%;}
#modal .btn_close:before {transform:translateX(-50%) rotate(45deg) ;}
#modal .btn_close:after {transform:translateX(-50%) rotate(-45deg);}
#modal .modal_container {padding-top:60px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#modal .modal_content {font-size:16px;}
#modal .modal_content, #modal .modal_footer {padding:40px; background-color:#fff;}
#modal .modal_footer {border-top:1px solid #ddd;}
#modal .modal_footer:after {clear:both; content:''; display:block;}
#modal .newsletter_input p {margin-top:10px;}
#modal .newsletter_input .btn_request {width:165px; height:40px; color:#fff; font-size:16px; font-weight:700; line-height:38px; background-color:#223b78; border-color:#223b78; vertical-align:middle; float:right;}
#modal .newsletter_input input[type='text'] {width:calc(100% - 180px); height:40px; padding:0 15px; border:1px solid #2a2a2a; display:inline-block;}

#modal.newsletter .gray_box {margin-top:25px; margin-bottom:10px; padding:20px; background-color:#f6f6f6;}
#modal.newsletter .gray_box dt {font-weight:700;}
#modal.newsletter .gray_box dd {font-size:14px;}

#modal.newsletter .modal_container {width:900px;}
#modal.newsletter .agree {text-align:right;}

@media (max-width:1024px) {
	#modal .modal_container {padding-top:40px;}
	#modal .modal_header {padding:10px 15px; font-size:20px;}
	#modal .btn_close {width:30px; height:30px;}
	#modal .btn_close:before, #modal .btn_close:after {width:20px;}
	#modal .modal_content, #modal .modal_footer {padding:20px;}
}

@media (max-width:1023px) {
	#modal .modal_content {font-size:14px;}
	#modal.newsletter .gray_box dd {font-size:12px;}
	#modal .newsletter_input input[type='text'] {width:calc(100% - 130px); height:34px;}
	#modal .newsletter_input .btn_request {width:120px; height:34px; font-size:14px; line-height:32px;}
}

@media (max-width:700px) {
	#modal .modal_header {font-size:18px;}
	#modal .modal_content, #modal .modal_footer {padding:10px;}

	#modal .modal_inner {overflow:auto; position:absolute; top:35px; bottom:0;}

	#modal.newsletter p {font-size:12px;}
	#modal.newsletter .agree {font-size:12px; text-align:left;}

	#modal .newsletter_input input[type='text'] {width:100%;}
	#modal .newsletter_input .btn_request {margin:10px auto; float:none; display:block;}
	#modal .newsletter_input p {font-size:12px;}
}

/*=========================================================
8. 메인 페이지 스타일
=========================================================*/
.top_banner {background-color:#729ce8;}
.top_banner_content {padding-top:9.090909%; background-size:contain; position:relative;}
.top_banner_content div {width:100%; height:100%; text-align:center; vertical-align:middle; position:absolute; top:0; left:0;}
.top_banner_content div:after {height:100%; vertical-align:middle; content:''; display:inline-block;}
.top_banner_content div > a {max-width:98%; vertical-align:middle; display:inline-block;}
.top_banner_content strong {color:#fff; font-size:32px; letter-spacing:-0.05em; vertical-align:middle; display:inline-block;}

.top_banner .btn_wrap {position:absolute; bottom:15%; right:48px; z-index:10;}
.top_banner .input_wrap:after {height:14px; margin:0 14px; border-left:1px solid rgba(42,42,42,0.5); vertical-align:middle; content:''; display:inline-block;}
.top_banner .btn_close {padding-left:20px; vertical-align:middle; position:relative;}
.top_banner .btn_close:before, .top_banner .btn_close:after {width:18px; border-top:1px solid #2a2a2a; content:''; position:absolute; bottom:50%; left:0; display:inline-block; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.top_banner .btn_close:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.top_banner .input_wrap input + .input_check {border:0;}
.top_banner .input_wrap input:checked + .input_check {background-color:#fff;}
.top_banner .input_wrap input + .input_check:before {width:auto; height:auto; background-color:#2a2a2a; background-image:none; content:''; position:absolute; top:50%; right:50%; bottom:50%; left:50%; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.top_banner .input_wrap input:checked + .input_check:before {top:3px; right:3px; bottom:3px; left:3px;}

.content.main {margin-top:51px;}

.main h2 {margin-top:20px; padding-bottom:12px; font-size:24px; font-weight:700; line-height:1; border-bottom:1px solid #2a2a2a; position:relative;}
.main h2:after {width:100%; border-bottom:1px solid #2a2a2a; content:''; position:absolute; bottom:2px; left:0; display:block;}

.main h2 + .board_list {border-top:0;}

/* main calendar */
.news_calendar {margin-bottom:20px; line-height:1; position:relative; z-index:1;}
.news_calendar strong {font-size:20px; font-family:'TitilliumWeb', sans-serif; font-weight:600; letter-spacing:-0.02em; line-height:1; position:relative; display:inline-block;}
.news_calendar strong label {width:19px; height:19px; margin-right:10px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -155px 0 no-repeat; background-size:250px; vertical-align:middle; cursor:pointer;}
.news_calendar .today_view {position:absolute; top:3px; right:0;}
.news_calendar .today_view:after {width:9px; height:5px; margin-top:-3px; margin-left:7px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -280px 0 no-repeat; vertical-align:middle; content:''; display:inline-block; -webkit-transform:rotate(90deg); transform:rotate(90deg);}


/* main slide */
.news_wrap:not(.grid) {margin-left:-28px; position:relative;}
.slide_item ul {margin-top:-20px;}
.slide_item ul:after {clear:both; content:''; display:block;}
.slide_item li {width:25%; padding-top:20px; padding-left:28px; -webkit-box-sizing:border-box; box-sizing:border-box; float:left;}
.slide_item li > a {position:relative; display:block;}
.slide_item li.big {width:50%;}
.slide_item li.big .board_cont {padding:41px 28px; background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)); position:absolute; right:0; bottom:0; left:0;}

.slide_item li .cate {margin-top:20px;}
.slide_item li .tit {margin-top:5px; font-size:16px; font-weight:500; line-height:22px;}
.slide_item li:not(.big) .tit, .slide_item li:not(.big) p, .slide_item li:not(.big) .board_cont > div {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.slide_item li .thumb {padding-top:61.81102%; background-position:50%; background-size:cover; display:block;}
.slide_item li.big .thumb {padding-top:91.49253%;}
.slide_item li.big .tit {margin-top:3px; color:#fff; font-size:30px; line-height:40px;}
.slide_item li.big p {margin-top:10px; color:#999; font-size:16px;}

/* .slide_wrap .slick-arrow {width:24px; height:35px; margin-top:-18px; font-size:0; position:absolute; top:50%;}
.slide_wrap .slick-prev {left:-20px;}
.slide_wrap .slick-next {right:-48px; transform:rotate(180deg);}
.slide_wrap .slick-arrow:before, .slide_wrap .slick-arrow:after {width:24px; border-top:2px solid #000; content:''; position:absolute; left:0; display:inline-block;}
.slide_wrap .slick-arrow:before {top:25px; transform:rotate(45deg);}
.slide_wrap .slick-arrow:after {bottom:25px; transform:rotate(-45deg);} */

.news_wrap .btn_wrap a {width:35px; height:40px; background-color:rgba(255,255,255,0.6); font-size:0; border-radius:4px; position:absolute; top:50%; z-index:1; -webkit-transition:all 0.2s; transition:all 0.2s;}
.news_wrap .btn_wrap a:hover {background-color:rgba(0,0,0,0.4);}
.news_wrap .btn_wrap a:hover:before, .news_wrap .btn_wrap a:hover:after {border-color:#fff;}
.news_wrap .btn_wrap a.btn_prev {left:-21px;}
.news_wrap .btn_wrap a.btn_next {right:-49px; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.news_wrap .btn_wrap a:before, .news_wrap .btn_wrap a:after {width:18px; height:18px; border:1px solid #000; border-bottom:0; border-left:0; content:''; position:absolute; left:17px; display:inline-block;}
.news_wrap .btn_wrap a:before {margin-left:-14px; top:50%; -webkit-transform:rotate(-135deg) translateY(13px); transform:rotate(-135deg) translateY(13px);}
.news_wrap .btn_wrap a:after {bottom:-2px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); display:none;}

.briefing {margin-top:50px; padding:22px 0 22px 179px; border:3px solid #2a2a2a; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative;}
.briefing .tit {padding-left:28px; font-size:18px; font-weight:700; line-height:1; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.briefing .tit:after {height:20px; margin-top:-3px; margin-left:19px; border-left:1px solid #ccc; vertical-align:middle; content:''; display:inline-block;}
.briefing .slide_item {padding-right:122px; font-size:15px; font-weight:300; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.briefing .slide_up .slick-arrow, .briefing .btn_more {width:26px; height:26px; margin-top:-12px; font-size:0; border:1px solid #2a2a2a; position:absolute; top:50%; z-index:1; display:inline-block; -webkit-transition:all 0.2s; transition:all 0.2s;}
.briefing .slick-arrow:hover, .briefing .btn_more:hover {background-color:#223b78;}
.briefing .btn_more {right:26px;}
.briefing .slick-prev {right:76px;}
.briefing .slick-next {right:51px;}
.briefing .slide_up .slick-arrow:before, .briefing .slide_up .slick-arrow:after {width:9px; height:6px; margin-top:-3px; margin-left:-5px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -280px 0 no-repeat; content:''; position:absolute; top:50%; left:50%; display:inline-block;}
.briefing .slide_up .slick-arrow:hover:before, .briefing .slide_up .slick-arrow:hover:after {background-position:-240px 0;}
.briefing .slide_up .slick-next {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.briefing .btn_more:before, .briefing .btn_more:after {height:9px; margin-top:-5px; border-left:1px solid #2a2a2a; content:''; position:absolute; top:50%; left:50%; display:inline-block;}
.briefing .btn_more:hover:before, .briefing .btn_more:hover:after {border-color:#fff;}
.briefing .btn_more:before {-webkit-transform:rotate(90deg);transform:rotate(90deg);}

.news_wrap:not(.grid) {margin-top:-28px;}
.news_wrap {margin-top:35px;}
.news_wrap .left {width:76.90909%; padding-right:28px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.news_wrap .right {width:23.090909%;}
.cate_news .left {width:69.539007%; padding-bottom:5px; position:relative;}
.cate_news .right {width:30.141843%;}
.cate_news .left:after { border-left:1px solid #ddd; content:''; position:absolute; top:0; right:14px; bottom:0; display:inline-block;}
.cate_news .left .board_list li {border-bottom:0;}
.cate_news .left .board_cont .tit {max-height:52px; font-size:18px; font-weight:500; overflow:hidden;}
.cate_news .board_cont p, .cate_news .board_cont > div {max-height:57px; font-size:13px; line-height:19px; overflow:hidden; -webkit-line-clamp:3;}

.news_wrap .banner {margin-top:40px; margin-left:-28px; line-height:1;}
.news_wrap .banner:after {clear:both; content:''; display:block;}
.news_wrap .banner li {width:50%; padding-left:28px; float:left;}

.update_news {margin-top:40px;}
.update_news .board_cont .tit {font-size:18px;}

.news_wrap .right section {padding:15px 15px 0 15px; background-color:#eee;}
.news_wrap .slide_banner {margin-bottom:30px;}
.news_wrap .slide_banner .slick-arrow {display:none !important;}
.news_wrap .slide_banner .slick-dots {margin-top:10px; line-height:0; text-align:center;}
.news_wrap .slide_banner .slick-dots * {line-height:0; vertical-align:middle; display:inline-block;}
.news_wrap .slide_banner button {width:11px; height:11px; margin:0 4px; font-size:0; position:relative;}
.news_wrap .slide_banner button:after {width:5px; height:5px; background-color:#b3b3b3; border-radius:50%; content:''; display:inline-block;}
.news_wrap .slide_banner .slick-active button:after {width:9px; height:9px; background-color:#223b78;}

.news_wrap .right section h2 span {font-family:'Roboto', sans-serif;}
.news_wrap .right section h2 em {font-size:28px; font-family:'TitilliumWeb', sans-serif; font-weight:700;}
.news_wrap .right section .board_list.type_gallery {margin-bottom:40px;}
.news_wrap .right section .board_list.type_gallery li {padding-top:20px; line-height:1; padding-bottom:0; border-bottom:0;}
.news_wrap .right section .board_list.type_gallery .thumb {width:100%; padding-top:62.5%;}
.news_wrap .right section .board_list.type_gallery .tit {margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}

.news_wrap .right section .board_list.type_view_cont li:last-child {border-bottom:0;}
.news_wrap .right section .board_list.type_view_cont a {padding-left:40px; position:relative;}
.news_wrap .right section .board_list.type_view_cont .tit, .news_wrap .right section .board_list.type_view_cont p {position:relative; z-index:1;}
.news_wrap .right section .board_cont em {color:#fff; font-size:60px; font-family:'TitilliumWeb_Italic', sans-serif; letter-spacing:-0.05em; line-height:1; position:absolute !important; top:0; left:0; z-index:0;}
.news_wrap .right .banner {margin-top:28px;}
.news_wrap .right .banner li {width:100%; margin-top:20px; float:none;}

.ui-datepicker .ui-datepicker-title {margin:0 10px !important;}
.ui-datepicker .ui-datepicker-title:after {clear:both; content:''; display:block;}
.ui-datepicker .ui-datepicker-title select + select {float:right;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:48%; float:left;}

@media (max-width:1024px){
	.news_wrap:not(.grid) .btn_wrap a.btn_prev {left:4px;}
	.news_wrap:not(.grid) .btn_wrap a.btn_next {right:-25px;}

	.news_wrap > .left {width:100%; padding-right:0;}
	.news_wrap > .right {width:100%; margin-top:20px;}
	.main .slide_banner {width:224px; margin-top:53px; margin-bottom:0; float:right;}
	.photo_news {width:calc(100% - 224px); padding-right:28px; float:right;}
	.photo_news ul {margin-left:-28px;}
	.photo_news li {width:50%; padding-left:28px; float:left;}
	.weekly_news {padding-top:20px; clear:both;}

	.news_wrap .banner {margin-top:20px; margin-left:-28px;}
	.news_wrap .banner li {width:50% !important; margin-top:0 !important; padding-left:28px; float:left !important;}
	.news_wrap .banner img {width:100%;}
}

@media (max-width:1000px){
	.content.main {margin-top:30px;}
}

@media (max-width:768px) {
	.top_banner_content {padding-top:21.36%;}
}

@media (max-width:767px){
	.main h2 {margin-top:0; font-size:22px; font-weight:500;}
	.news_wrap:not(.grid) {margin-top:-20px; margin-left:-15px;}
	.slide_wrap {margin-left:-14px;}
	.news_wrap:not(.grid) .btn_wrap a {top:24%;}
	.news_wrap:not(.grid) .btn_wrap a.btn_prev {left:-1px;}
	.news_wrap:not(.grid) .btn_wrap a.btn_next {right:-15px;}
	.slide_item li {width:50%; padding-left:14px;}
	.slide_item li .tit {line-height:1.3;}
	.slide_item li.big {width:100%;}
	.slide_item li.big .board_cont {padding:20px 14px;}
	.slide_item li.big .tit {font-size:22px; line-height:1.3;}

	.news_calendar {margin-bottom:10px;}

	.cate_news .left {width:64.539007%;}
	.cate_news .left .thumb {width:100%; height:auto; padding-top:23%;}
	.cate_news .left .thumb + .board_cont {width:100%; margin-top:10px; padding-left:0;}
	.cate_news .left .board_cont .tit {font-size:16px; line-height:1.3;}
	.cate_news .right {width:35.141843%;}

	.briefing {margin-top:30px;}

	.update_news {margin-top:30px !important;}

	.main .slide_banner {width:100%; margin-top:0; float:none;}
	.main .slide_banner img {width:100%;}

	.photo_news {width:100%; margin-top:20px; padding-right:0; float:none;}
	.photo_news ul {margin-left:-14px;}
	.photo_news ul:after {clear:both; content:''; display:block;}
	.photo_news li {padding-left:14px;}
	.weekly_news {margin-top:30px;}
}

@media (max-width:700px){
	.briefing {padding:10px 0 10px 10px; text-align:left;}
	.briefing .tit {width:100%; margin-bottom:8px; padding:0; position:static; display:inline-block; transform:inherit;}
	.briefing .slick-slider {position:static;}
	.briefing .slide_item {padding-right:20px; font-size:13px;}
	.briefing .slide_up .slick-arrow, .briefing .btn_more {width:22px; height:22px; margin-top:9px; top:0;}
	.briefing .slide_up .slick-arrow:before, .briefing .slide_up .slick-arrow:after {margin-top:-3px;}
	.briefing .slick-next {right:30px;}
	.briefing .slick-prev {right:51px;}
	.briefing .btn_more {margin-top:9px; top:0; right:9px;}
	.briefing .btn_more:before, .briefing .btn_more:after {margin-top:-4px; margin-left:-1px;}
}

@media (max-width:600px){
	.update_news .board_cont .tit {font-size:16px; line-height:1.3;}
	.cate_news .left {width:100%; padding-right:0; display:block;}
	.cate_news .left:after {display:none;}
	.cate_news .right {display:none;}
}

/*=========================================================
9. 서브 페이지 스타일 [개발페이지] : .sub / [일반페이지] : .static
=========================================================*/

.static .tit_wrap {margin-bottom:40px;}
.static h2 {font-size:40px; font-weight:500; line-height:1;}
.static h3 {color:#2a2a2a; font-size:24px; font-weight:500; line-height:1;}
.static h3:after {width:50px; margin:10px 0 15px 0; border-top:1px solid #ddd; content:''; display:block;}
.static section {color:#555; font-size:16px; letter-spacing:-0.05em; line-height:26px;}
.static section a {color:#555;}
.static section + section {margin-top:35px;}
.static section + .btnSection {margin-top:35px;}

.static .txt strong {color:#2a2a2a; font-weight:500;}
.static .txt .impact {color:#223b78; font-weight:700;}
.static .explain {color:#999; font-size:14px; font-weight:400; display:inline-block;}
.static .txt.contact .tel:before {width:16px; height:15px; margin-top:-3px; margin-right:10px; margin-left:30px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -160px -30px no-repeat; background-size:250px; vertical-align:middle; content:''; display:inline-block;}
.static .txt.contact .tel:after {height:16px; margin:-2px 10px 0 10px; border-left:1px solid #ddd; vertical-align:middle; content:''; display:inline-block;}
.static .txt.contact .mail:before {width:15px; height:15px; margin-top:-3px; margin-right:10px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -195px -30px no-repeat; background-size:250px; vertical-align:middle; content:''; display:inline-block;}

.static .traffic dl:after {clear:both; content:''; display:block;}
.static .traffic dl > * {float:left;}
.static .traffic dt {padding-left:27px; color:#2a2a2a; font-weight:500; position:relative;}
.static .traffic dt:before {background-position:50%; background-repeat:no-repeat; background-size:contain; content:''; position:absolute; top:0; left:0;display:inline-block;}
.static .traffic dt:after {padding:0 5px; content:':'; display:inline-block;}
.static .traffic dt.subway:before {width:18px; height:23px; background-image:url('/wp-content/themes/sciencetimes/images/sub/icon_subway.png');}
.static .traffic dt.bus:before {width:18px; height:23px; background-image:url('/wp-content/themes/sciencetimes/images/sub/icon_bus.png');}
.static .traffic dd span {height:19px; margin:-3px 5px 0; padding:0 5px; color:#fff; font-size:12px; line-height:19px; vertical-align:middle; display:inline-block;}
.static .traffic dd span.green {background-color:#5bb025;}
.static .traffic dd span.blue {background-color:#3d5bab;}
.static .traffic dd span.yellow {background-color:#f99d1c;}
.static .traffic li + li {margin-top:10px;}

.error h3 {margin-bottom:20px; font-size:40px;}
.error h3:before {width:161px; height:131px; margin:100px auto 40px auto; background:url('/wp-content/themes/sciencetimes/images/sub/icon_error.png') 50% no-repeat; background-size:cover; content:''; display:block;}
.error h3:after {display:none;}
.error h3 span {color:#999;}

.content .link a:after {width:14px; height:14px; margin-top:-3px; margin-left:10px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -130px -150px no-repeat; vertical-align:middle; content:''; display:inline-block;}

.border_box {padding:30px 0; border-top:1px solid #2a2a2a; border-bottom:1px solid #2a2a2a; position:relative;}
.border_box:before, .border_box:after {width:100%; border-top:1px solid #2a2a2a; content:''; position:absolute; left:0; display:block;}
.border_box:before {top:2px;}
.border_box:after {bottom:2px;}

.border_box.ac {background-color:#f6f6f6; border-bottom-color:#ddd;}
.border_box.ac:after {display:none;}

dl.default dt {margin-top:10px; color:#2a2a2a; font-weight:500;}
dl.default dt:first-child {margin-top:0;}
dl.default dt em {width:66px; display:inline-block;}
dl.default dt .sub_txt {color:#555; font-weight:500;}
dl.default dt .sub_txt:before {height:16px; margin-top:-3px; margin-left:9px; padding-left:9px; border-left:1px solid #ddd; vertical-align:middle; content:''; display:inline-block;}
dl.default dt + dd {margin-top:5px;}
dl.default dd + dt {margin-top:20px;}
.order_list dt {font-weight:500;}
.order_list dt + dd {margin-top:7px;}
.order_list dd em {margin-right:10px; color:#2a2a2a; font-size:18px; font-family:'TitilliumWeb', sans-serif; font-weight:700;}

.process ul {display:inline-block;}
.process ul:after {clear:both; content:''; display:block;}
.process li {padding:0 30px; float:left; position:relative;}
.process li:before {width:206px; height:206px; margin:0 auto 15px auto; background-color:#f6f6f6; background-position:50%; background-repeat:no-repeat; background-size:cover; border-radius:50%; content:''; display:block;}
.process li:nth-child(1):before {background-image:url('/wp-content/themes/sciencetimes/images/sub/icon_process01.png');}
.process li:nth-child(2):before {background-image:url('/wp-content/themes/sciencetimes/images/sub/icon_process02.png');}
.process li:nth-child(3):before {background-image:url('/wp-content/themes/sciencetimes/images/sub/icon_process03.png');}
.process li + li p:before, .process li + li p:after {width:25px; border-top:2px solid #222; content:''; position:absolute; left:-12px; display:inline-block;}
.process p:before {top:95px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.process p:after {top:112px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}

.sub .tit_wrap {margin-bottom:40px; padding-top:28px; padding-bottom:28px; background-color:#f6f6f6; text-align:center; position:relative;}
.sub .tit_wrap:after {clear:both; content:''; display:block;}
.sub .tit_wrap h2 {color:#2a2a2a; font-size:32px; font-weight:500; line-height:1;}
.sub .tit_wrap h2 strong {color:#41bcea; font-weight:500;}
.sub .tit_wrap h2 strong:before ,.sub .tit_wrap h2 strong:after {width:16px; height:15px; margin-right:3px; margin-left:3px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -260px -70px no-repeat; vertical-align:top; content:''; display:inline-block;}
.sub .tit_wrap h2 strong:after {-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.sub .tit_wrap .sub_menu {margin-top:14px; display:inline-block;}
.sub .tit_wrap .sub_menu:after {clear:both; content:''; display:block;}
.sub .tit_wrap .sub_menu ul {vertical-align:middle; display:inline-block;}
.sub .tit_wrap .sub_menu li {display:inline-block;}
.sub .tit_wrap .sub_menu a {padding:16px 20px; font-size:16px; font-weight:500; line-height:1; position:relative; display:block;}
.sub .tit_wrap .sub_menu li + li a:before {height:20px; margin-top:-10px; border-left:1px solid #d0d0d0; content:''; position:absolute; top:50%; left:0; display:inline-block;}

/* 20191231 add:JH */
.sub .tit_wrap .sub_menu strong a {padding:0 !important; font-size:18px; display:inline-block;}

.sub .news_reception_wrap {margin-top:-3px; margin-bottom:40px; display:block;}
.sub .news_reception_wrap a {vertical-align:middle;}
.sub .news_reception_wrap a + a {margin-left:5px;}

.sub .tit_wrap.type_02 .sub_menu ul:after {clear:both; content:''; display:block;}
.sub .tit_wrap.type_02 .sub_menu li {float:left;}

.sub .tit_wrap.reporter {padding-right:40px; padding-left:40px; background-color:#fff;}
.sub .tit_wrap.reporter h2 strong:before, .sub .tit_wrap.reporter h2 strong:after {display:none;}

.sub .tit_wrap.reporter .thumb {margin-right:40px; float:left;}
.sub .tit_wrap.reporter .thumb em {width:114px; height:114px; margin:0 auto; background-color:#d4d4d4; border-radius:50%; background-position:50%; background-repeat:no-repeat; background-size:cover; display:block;}
.sub .tit_wrap.reporter .thumb a {width:100%; margin-top:15px; padding:9px 15px; color:#fff; font-weight:700; background-color:#223b78;}
.sub .tit_wrap.reporter .thumb a:before {width:18px; height:18px; margin-right:5px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -380px 0 no-repeat; vertical-align:middle; content:''; display:inline-block;}
.sub .tit_wrap.reporter .info {vertical-align:middle; position:absolute; top:0; right:35px; bottom:0; left:195px;}
.sub .tit_wrap.reporter .info:after {height:100%; vertical-align:middle; content:''; display:inline-block;}
.sub .tit_wrap.reporter .info > div {width:calc(100% - 5px); vertical-align:middle; display:inline-block;}
.sub .tit_wrap.reporter .info .cate {color:#41bcea; font-size:14px; font-weight:500; line-height:1;}
.sub .tit_wrap.reporter .info strong {margin-top:5px; font-size:24px; font-weight:500; line-height:1; display:block;}
.sub .tit_wrap.reporter .info p {margin-top:20px; padding-top:20px; color:#555; font-size:16px; line-height:1.3; border-top:1px solid #cdcdcd;}

.sub .tit_wrap.type_02 {padding-bottom:0; background-color:#fff; display:table;}
.sub .tit_wrap.type_02 > * {vertical-align:middle; display:table-cell;}
.sub .tit_wrap.type_02 h2 {font-size:40px;}
.sub .tit_wrap.type_02 .sub_menu {padding-left:15px;}
.sub .tit_wrap.type_02 .sub_menu li > * {padding-right:15px; padding-left:15px; color:#999; font-size:18px; font-weight:500; line-height:1.4; text-align:left; display:inline-block;}
.sub .tit_wrap.type_02 .sub_menu li > * > strong {color:#2a2a2a; font-weight:500;}
.sub .tit_wrap.type_02 .sub_menu .active a {color:#223b78;}
.sub .tit_wrap.type_02 .sub_menu .active a:after {margin-top:5px; border-bottom:2px solid #223b78; content:''; position:absolute; right:15px; bottom:10px; left:15px; display:block;}
.sub .tit_wrap.type_02 .sub_menu li + li a:before {display:none;}

.sub .tit_wrap .search_wrap {margin:0 90px; border-bottom:2px solid #ddd; position:relative;}
.sub .tit_wrap .search_wrap .input_wrap {width:100%;}
.sub .tit_wrap .search_wrap input {height:50px; font-size:20px; font-weight:500; line-height:50px;}
.sub .tit_wrap .search_wrap .placeholder {height:50px; margin-top:-25px; color:#999; font-size:20px; line-height:50px;}
.sub .tit_wrap .search_wrap .btn_search {width:23px; height:23px; margin-top:-12px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -30px -30px no-repeat; background-size:250px; position:absolute; top:50%; right:0; display:inline-block;}

.sub .tit_wrap .sub_menu .select_tit {padding-right:20px !important; position:relative; display:inline-block !important;}
.sub .tit_wrap .select_tit:after {margin-top:-3px; border:5px solid transparent; border-top:5px solid #223b78; content:''; position:absolute; top:50%; right:0; display:inline-block;}
.sub .tit_wrap .select_sub.active + .select_tit:after {margin-top:-8px; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.sub .tit_wrap .select_sub {position:relative;}
.sub .tit_wrap .select_sub ul {padding:10px 0; background-color:#223b78; -webkit-box-shadow:10px 10px 20px rgba(0,0,0,0.4); box-shadow:10px 10px 20px rgba(0,0,0,0.4); position:absolute; top:30px; right:0; left:0; z-index:2; display:none;}
.sub .tit_wrap .select_sub li {float:none !important; display:block;}
.sub .tit_wrap .select_sub a {color:#fff !important; line-height:1 !important;}
.sub .tit_wrap .select_sub a:after {display:none !important;}
.sub .tit_wrap .select_sub li + li a:before {display:none;}

/* view */
.sub .view_tit_wrap {padding-bottom:20px; border-bottom:1px solid #e8e8e8;}
.sub .view_tit_wrap .tit {font-size:36px; font-weight:500; line-height:1.3;}
.sub .view_tit_wrap .tit p {margin-top:10px; color:#555; font-size:20px;}
.sub .view_tit_wrap .bottom {margin-top:20px;}
.sub .view_tit_wrap .bottom:after {clear:both; content:''; display:block;}
.sub .view_tit_wrap .bottom .date {color:#999; font-size:16px; font-family:'TitilliumWeb', sans-serif; font-weight:400; float:left;}
.sub .view_tit_wrap .bottom .date span {font-size:14px;}
.sub .view_tit_wrap .bottom .date span:before {height:16px; margin-top:-2px; margin-left:20px; padding-left:20px; border-left:1px solid #e8e8e8; vertical-align:middle; content:''; display:inline-block;}

.sub .view_tit_wrap .bottom ul {float:right;}
.sub .view_tit_wrap .bottom ul:after {clear:both; content:''; display:block;}
.sub .view_tit_wrap .bottom li {margin-left:-1px; font-size:0; float:left;}
.sub .view_tit_wrap .bottom li a {width:30px; height:30px; border:1px solid #e8e8e8; -webkit-box-sizing:border-box; box-sizing:border-box; position:relative; display:block;}
.sub .view_tit_wrap .bottom li a:before {width:28px; height:28px; background-image:url('/wp-content/themes/sciencetimes/images/common/icon_common.png'); background-repeat:no-repeat; text-align:center; content:''; position:absolute; top:0; left:0; display:inline-block;}
.sub .view_tit_wrap .bottom li.zzim a:before {background-position:0 -140px;}
.sub .view_tit_wrap .bottom li.print a:before {background-position:-60px -140px;}
.sub .view_tit_wrap .bottom li.zoom_out a:before {color:#2a2a2a; font-size:14px; line-height:28px; content:'가'; background-image:none;}
.sub .view_tit_wrap .bottom li.zoom_in a:before {color:#2a2a2a; font-size:18px; line-height:28px; content:'가'; background-image:none;}

.sub .view_content {padding:20px 0;}
.sub .view_content .resize{ font-size:  18px;}
.sub .view_content p {margin-bottom:15px;}
.sub .view_content .bawpvc-ajax-counter {display: none;}
.sub .view_content .wp-caption-text {font-size:12px; line-height:1.5;}

.sub .view_bottom {padding-top:10px; padding-bottom:40px; border-bottom:1px solid #e8e8e8;}
.sub .view_bottom:after {clear:both; content:''; display:block;}
.sub .view_bottom ul:after {clear:both; content:''; display:block;}
.sub .view_bottom li {float:left;}
.sub .view_bottom li + li:before {height:16px; margin-top:-3px; margin-left:20px; padding-left:20px; border-left:1px solid #e8e8e8; vertical-align:middle; content:''; display:inline-block;}
.sub .view_bottom li * {color:#999;}
.sub .view_bottom li em {margin:0 4px; font-size:15px; font-family:'TitilliumWeb', sans-serif; font-weight:400; display:inline-block;}
.sub .view_bottom li span span {font-family:'Roboto', sans-serif;}
.sub .view_bottom .news_letter {margin-top:23px;}

/* 191231 Add:JH :: 뉴스레터 신청 버튼 */
.news_letter {padding:10px 16px 10px 44px; color:#fff; font-size:16px; font-weight:700; line-height:1; background-color:#223f91; position:relative; display:inline-block;}
.news_letter:before {width:21px; height:14px; margin-top:-7px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -90px -30px no-repeat; background-size:250px; content:''; position:absolute; top:50%; left:15px; display:inline-block;}
.news_letter:hover {color:#fff !important; text-decoration:none;}
/* 191231 Add:JH :: 뉴스레터 신청 버튼 */

.btn_rejection {padding:9px 16px 9px 34px; color:#2a2a2a; font-size:16px; font-weight:500; line-height:1; background-color:#fff; border:1px solid #2a2a2a; overflow:hidden; position:relative; display:inline-block;}
.btn_rejection:before, .btn_rejection:after {width:20px; border-top:1px solid #2a2a2a; content:''; position:absolute; top:50%; left:10px; display:inline-block;}
.btn_rejection:before {transform:rotate(45deg);}
.btn_rejection:after {transform:rotate(-45deg);}
.btn_rejection:hover {color:#2a2a2a !important; text-decoration:none;}

dl.tag {padding:20px 0; border-bottom:1px solid #e8e8e8; position:relative; display:table;}
dl.tag > * {vertical-align:top; display:table-cell;}
dl.tag dt {min-width:125px; font-size:24px; font-weight:700; line-height:1.3;}
dl.tag dt span {font-family:'Roboto', sans-serif; font-weight:700;}
dl.tag ul {margin-top:-10px;}
dl.tag ul:after {clear:both; content:''; display:block;}
dl.tag li {padding-top:10px; padding-left:20px; float:left;}
dl.tag a {color:#555; font-weight:400;}
dl.tag a:before {content:'#'; display:inline-block;}

dl.tag.category {padding:20px 0; border-top:1px solid #2a2a2a; border-bottom:0; position:relative;}
dl.tag.category:before {width:100%; border-top:1px solid #2a2a2a; content:''; position:absolute; top:3px; left:0; display:block;}
dl.tag.category dt {text-align:center;}
dl.tag.category a:before {width:3px; height:3px; margin-top:-2px; margin-right:5px; background-color:#223b78; vertical-align:middle; content:'';}

.sub h3 {margin-top:20px; padding-bottom:14px; font-size:24px; font-weight:700; line-height:1; border-bottom:1px solid #2a2a2a; position:relative;}
.sub h3:after {width:100%; border-bottom:1px solid #2a2a2a; content:''; position:absolute; bottom:2px; left:0; display:block;}
.sub h3 strong {color:#999;}
.sub h3 span {color:#999; font-size:18px; font-family:'TitilliumWeb', sans-serif; font-weight:400;}

.sub .left {width:74.363636%;}
.sub .right.quick {width:25.636363%; padding-left:28px;}

.sub .right.quick .slide_banner .slide_item img {width:100%;}
.sub .right.quick .slide_banner .slick-arrow {width:26px; height:26px; margin-top:-13px; font-size:0; background-color:rgba(0,0,0,0.6); border-radius:3px; position:absolute; top:50%; z-index:1; opacity:0; transition:opacity 0.35s;}
.sub .right.quick .slide_banner:hover .slick-arrow {opacity:1;}
.sub .right.quick .slide_banner .slick-next {left:0;}
.sub .right.quick .slide_banner .slick-prev {right:0;}
.sub .right.quick .slide_banner .slick-arrow:after {width:14px; height:14px; border:2px solid #fff; border-bottom:0; border-left:0; content:''; display:block;}
.sub .right.quick .slide_banner .slick-next:after {margin-left:9px; transform:rotate(-135deg);}
.sub .right.quick .slide_banner .slick-prev:after {transform:rotate(45deg);}
.sub .right.quick .slide_banner .slick-dots {margin-top:10px; line-height:0; text-align:center;}
.sub .right.quick .slide_banner .slick-dots * {line-height:0; vertical-align:middle; display:inline-block;}
.sub .right.quick .slide_banner li button {width:11px; height:11px; margin:0 4px; font-size:0; position:relative;}
.sub .right.quick .slide_banner li button:after {width:5px; height:5px; background-color:#b3b3b3; border-radius:50%; content:''; display:inline-block;}
.sub .right.quick .slide_banner li.slick-active button:after {width:9px; height:9px; background-color:#223b78;}

.sub .right.quick .board_list.type_gallery .thumb {width:75px; height:75px; margin-right:10px; float:left;}
.sub .right.quick .board_list.type_gallery .tit {line-height:1.3;}

.sub .right.quick .tab_wrap {margin-top:40px;}
.sub .right.quick .tab:after {clear:both; content:''; display:block;}
.sub .right.quick .tab li {width:50%; border-top:1px solid #ddd; float:left;}
.sub .right.quick .tab a {padding:13px 0; color:#999; font-size:18px; font-weight:500; line-height:1; background-color:#f6f6f6; border-top:2px solid transparent; border-right:1px solid #ddd;  border-bottom:1px solid #2a2a2a; border-left:1px solid #ddd; text-align:center; display:block;}
.sub .right.quick .tab .active a {color:#2a2a2a; font-weight:700; background-color:#fff; border-top-color:#2a2a2a; border-right-color:#2a2a2a; border-bottom-color:transparent; border-left-color:#2a2a2a;}
.sub .right.quick .tab a span {font-size:18px; font-family:'Roboto', sans-serif; font-weight:600;}
.sub .right.quick .tab a span em {font-size:18px; font-family:'TitilliumWeb', sans-serif; font-weight:600;}
.sub .right.quick .board_list {border-top:0;}

.sub .right.quick .board_list.top10 li {padding-left:40px; position:relative;}
.sub .right.quick .board_list.top10 li:before {color:#eee; font-size:60px; font-family:'TitilliumWeb_Italic', sans-serif; letter-spacing:-0.05em; line-height:1; position:absolute; top:0; left:0; z-index:0;}
.sub .right.quick .board_list.top10 li:nth-child(1):before {content:'1';}
.sub .right.quick .board_list.top10 li:nth-child(2):before {content:'2';}
.sub .right.quick .board_list.top10 li:nth-child(3):before {content:'3';}
.sub .right.quick .board_list.top10 li:nth-child(4):before {content:'4';}
.sub .right.quick .board_list.top10 li:nth-child(5):before {content:'5';}
.sub .right.quick .board_list.top10 li:nth-child(6):before {content:'6';}
.sub .right.quick .board_list.top10 li:nth-child(7):before {content:'7';}
.sub .right.quick .board_list.top10 li:nth-child(8):before {content:'8';}
.sub .right.quick .board_list.top10 li:nth-child(9):before {content:'9';}
.sub .right.quick .board_list.top10 li:nth-child(10):before {content:'10';}

.sub .right.quick .board_list.top10 li .board_cont {position:relative; z-index:1;}

.sub .right.quick .search_wrap {margin-top:19px; background-color:#eee; position:relative;}
.sub .right.quick .input_wrap {width:100%;}
.sub .right.quick .search_wrap .placeholder {margin-top:-7px; color:#999; font-size:14px; font-weight:400; left:14px;}
.sub .right.quick .search_wrap input[type='text'] {padding:13px 53px 13px 14px;}
.sub .right.quick .btn_search {width:23px; height:23px; margin-top:-12px; font-size:0; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -30px -30px no-repeat; background-size:250px; position:absolute; top:50%; right:15px; z-index:1;}

.sub .dictionary {margin-top:40px;}

.relation_news {margin-top:40px; text-align:center;}
.relation_news h3 {text-align:left;}
.relation_news .slide_wrap {margin-top:20px; margin-bottom:32px;}
.relation_news .slide_wrap:before {width:28px; background-color:#fff; content:''; position:absolute; top:0; bottom:0; left:0; z-index:1; display:inline-block;}
.relation_news .slide_wrap {margin-left:-28px;}
.relation_news a {padding-left:28px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block;}
.relation_news .thumb {padding-top:61.811023%; background-position:50%; background-repeat:no-repeat; background-size:cover; display:block;}
.relation_news .board_cont .tit {margin-top:12px; font-size:18px; line-height:1.3; white-space:nowrap; text-overflow:ellipsis; text-align:left; overflow:hidden;}

.relation_news .slick-arrow {width:23px; height:23px; font-size:0; overflow:hidden; position:absolute; top:-57px; display:inline-block;}
.relation_news .slick-prev {right:36px;}
.relation_news .slick-next {right:0; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.relation_news .slick-arrow:before {width:24px; height:24px; border:1px solid #999; border-bottom:0; border-left:0; content:''; position:absolute; display:inline-block;}
.relation_news .slick-arrow:before {top:-1px; left:7px; -webkit-transform:rotate(45deg); transform:rotate(225deg);}

.content:not(.main) .btn_more {padding:11px 0 11px 15px; color:#555; font-weight:500; line-height:1; border:1px solid #2a2a2a; display:inline-block;}
.content:not(.main) .btn_more:after {width:9px; height:6px; margin:-3px 15px 0 10px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -280px 0 no-repeat; vertical-align:middle; content:''; display:inline-block; -webkit-transform:rotate(90deg); transform:rotate(90deg);}

.reply_wrap {margin-top:40px;}
.reply_content {padding:20px; line-height:1; background-color:#f5f9ff;}
.reply_content ul:not(.children) {margin-top:30px;}
.reply_content li {position:relative;}
.reply_content li .comment-inner {border-bottom:0;}
.reply_content ul > li:after {border-bottom:1px solid #d9e1ed; content:''; position:absolute; top:0; right:-20px; left:-20px;}
.reply_content ul.children > li:first-child:after {display:none;}

.reply_content .input_wrap {display:block;}
.reply_content .text_size {padding:12px 0 8px 20px; color:#999; line-height:1; background-color:#fff; border:1px solid #d9e1ed; border-top:0; position:relative;}
.reply_content .text_size button {padding:11px 35px; color:#fff; font-weight:700; line-height:1; background-color:#223d84; position:absolute;top:-1px; right:-1px;}

.reply_content li .write {margin-top:20px; position:relative;}
.reply_content li .write strong {margin-bottom:10px; font-size:16px; font-weight:500; position:relative; display:block;}

.reply_content dl {word-break:break-all; position:relative;}
.comment-wrapper + ul > li:first-child > dl > dt:first-child {padding-top:0;}
.reply_content dt {padding-top:20px; font-size:16px; font-weight:500; position:relative;}
/* .reply_content dl:first-child dt:before {display:none;} */
.reply_content dt > * {vertical-align:middle;}
.reply_content .date {margin-left:10px; padding:10px 0; color:#999; font-size:12px; font-family:'TitilliumWeb', sans-serif; line-height:1; display:inline-block;}
.reply_content dd {position:relative;}
.reply_content dd:after {clear:both; content:''; display:block;}
.reply_content dd p {line-height:1.5;}
.reply_content dd a.btn_reply {padding:1px 7px; color:#41bcea; font-weight:400; border:1px solid #41bcea; display:inline-block;}
.reply_content dd a.btn_reply:hover {color:#fff; background-color:#41bcea;}
.reply_content .btnSection {margin-top:10px;}
.reply_content .btnSection a {padding:1px 7px; color:#999; position:relative; display:inline-block;}
.reply_content .btnSection .fr a:hover {color:#555;}
.reply_content .btnSection .fr a + a:before {border-left:1px solid #d9e1ed; vertical-align:middle; content:''; position:absolute; top:5px; bottom:5px; left:-2px; display:inline-block;}

.reply_content .children {margin-left:50px;}

.reply_content .reply_subDepth {padding-left:50px;}
.reply_content .reply_subDepth dl {margin-top:30px; padding-left:0;}
.reply_content .reply_subDepth dt {border-top:1px solid #d9e1ed;}
.reply_content .reply_subDepth dd + dt {margin-top:30px;}

.reply_content .children li dt cite:before, .reply_content .reply_subDepth dt span:before {width:19px; height:19px; margin-left:-29px; border:1px solid #aebacc; border-top:0; border-right:0; content:''; position:absolute; left:0; display:inline-block;}

.reply_content li .write strong:before {margin-top:-10px; margin-left:-35px;}
.reply_content .reply_subDepth dt span:before {margin-top:-5px; margin-left:-35px;}

/* 추후 수정 */
.quick_sky {font-size:0; border-top:1px solid #ddd; position:absolute; top:0; left:-20px; z-index:1; -webkit-transition:top 0.45s ease; transition:top 0.45s ease; display:none;}
.quick_sky.mobile {display:none !important;}
.quick_sky a {width:50px; height:50px; background-image:url('/wp-content/themes/sciencetimes/images/common/icon_sns_sky.png'); background-size:50px; background-repeat:no-repeat; border:1px solid #ddd; border-top:0; display:block;}
.quick_sky .facebook a {background-position:0 0;}
.quick_sky .twitter a {background-position:0 -55px;}
.quick_sky .kakao a {background-position:0 -110px;}
.quick_sky .kakao_story a {background-position:0 -165px;}
.quick_sky .url a {background-position:0 -220px;}

@media (max-width:1253px){
	.quick_sky {left:0;}
	.board_view {padding-left:10px;}
}

@media (max-width:1080px){
	.sub .view_bottom li + li:before {margin-left:10px; padding-left:10px;}
}

@media (max-width:1024px){
	.sub .tit_wrap h2 {font-size:28px !important;}
	.sub .tit_wrap .sub_menu a {padding:12px 15px; font-size:16px !important;}
	.sub .tit_wrap.type_02 .sub_menu .active a:after {bottom:5px;}

	.sub .left {width:calc(100% - 245px);}
	.sub .right.quick {width:245px;}

	.sub .tit_wrap {padding:30px !important;}
	.sub .tit_wrap.type_02 {padding-left:0 !important;}

	.sub .tit_wrap.type_02 .sub_menu li > * {font-size:14px;}

	.sub .news_reception_wrap {margin-top:-33px; margin-bottom:20px;}

	.sub .tit_wrap .search_wrap {margin:0 40px;}

	.static h2 {font-size:38px;}

	.board_view {padding-top:35px; padding-left:0;}

	.quick_sky {left:24px; -webkit-transition:none; transition:none;}
	.quick_sky:after {clear:both; content:''; display:block;}
	.quick_sky li {float:left;}
	.quick_sky li + li {margin-left:-1px;}
	.quick_sky a {width:35px; height:35px; background-size:35px;}

	.quick_sky .twitter a {background-position:0 -38px;}
	.quick_sky .kakao a {background-position:0 -76px;}
	.quick_sky .kakao_story a {background-position:0 -114px;}
	.quick_sky .url a {background-position:0 -152px;}
}

@media (max-width:1000px){
	.sub .tit_wrap, .static .tit_wrap {margin-bottom:25px;}
	.sub .tit_wrap .search_wrap {margin:0 20px;}

	.sub .view_bottom {padding-bottom:30px;}
	.sub .view_bottom ul {float:none;}
	.sub .view_bottom ul * {font-size:13px;}
	.sub .view_bottom em {font-size:14px !important;}
	.sub .view_bottom .news_letter {margin-top:10px; float:none;}
	.content:not(.main) .btn_more {padding:8px 0 8px 8px;}
	.content:not(.main) .btn_more:after {margin:-3px 6px 0 6px;}

	.news_letter {padding:8px 10px 8px 45px; font-size:14px;}
	.btn_rejection {padding:7px 10px 7px 28px; font-size:14px;}
	.btn_rejection:before, .btn_rejection:after {width:16px;}

	.reply_content .children {margin-left:30px;}

	.reply_content dd a.btn_reply {padding:1px 5px; font-size:12px;}
	.reply_content .text_size {padding:7px 0 8px 20px;}
	.reply_content .text_size button {padding:8px 28px;}

	.reply_content dt {padding-top:15px; font-size:15px;}
	.reply_content dt:before {top:22px;}
	.reply_content dd p {font-size:13px;}

	.reply_content .reply_subDepth {padding-left:30px;}
	.reply_content .reply_subDepth dl {margin-top:20px;}
	.reply_content .reply_subDepth dd + dt {margin-top:15px; padding-top:15px;}
	.reply_content li .write strong {font-size:15px;}

	.reply_content li .children cite:before, .reply_content .reply_subDepth dt span:before {width:10px !important; height:10px !important;}

	.reply_content .reply_subDepth dt span:before {margin-top:5px; margin-left:-20px;}
	.reply_content li .write strong:before {margin-top:-5px; margin-left:-20px;}


}

@media (max-width:900px){
	.sub .tit_wrap h2 {font-size:25px !important;}
	.sub .tit_wrap .sub_menu {margin-top:10px;}
	.sub .tit_wrap .sub_menu a {padding:8px 10px !important; font-size:14px !important;}
	.sub .tit_wrap.type_02 .sub_menu .active a:after {right:10px; left:10px;}

	.sub h3, .sub h3 strong {font-size:22px; font-weight:500;}
	.sub .left {width:calc(100% - 205px);}
	.sub .right.quick {width:205px;}
	.sub .right.quick .tab li * {font-size:15px !important;}
	.sub .right.quick .tab a {height:37px; padding:9px 0;}

	.sub .tit_wrap {padding:20px !important;}
	.sub .tit_wrap.reporter .thumb {margin-right:20px;}
	.sub .tit_wrap.reporter .thumb em {width:85px; height:85px;}
	.sub .tit_wrap.reporter .info {right:20px; left:170px;}
	.sub .tit_wrap.reporter .info strong {font-size:20px;}
	.sub .tit_wrap.reporter .info p {margin-top:15px; padding-top:15px; font-size:14px;}

	.sub .view_tit_wrap .tit {font-size:26px;}

	.update_news, .sub .right.quick .tab_wrap {margin-top:20px;}
	.sub .view_tit_wrap .tit p {font-size:16px;}
	.sub .view_tit_wrap .bottom .date {font-size:14px;}
	.sub .view_tit_wrap .bottom .date span {font-size:13px;}

	.static h2 {font-size:28px;}
	.static h3 {font-size:20px;}
	.error h3 {font-size:30px;}
	.error h3:before {width:121px; height:99px; margin-top:60px;}
	.static section {font-size:14px; line-height:1.5;}

	dl.tag dt {font-size:22px; font-weight:500;}
	dl.tag dt span {font-weight:500;}
	dl.tag ul {margin-top:-5px;}
	dl.tag li {padding-top:5px;}

	.process li:before {width:166px; height:166px;}
	.process p:before {top:78px;}
	.process p:after {top:95px;}

	.sub .right.quick .board_list.top10 li {padding-left:30px; position:relative;}
	.sub .right.quick .board_list.top10 li:before {font-size:45px; top:10px; left:-10px;}
}

@media (max-width:768px){
	.sub .tit_wrap {padding:15px !important;}
	.sub .tit_wrap.reporter .thumb button {padding:7px 12px; font-size:13px;}
	.sub .tit_wrap.reporter .thumb button:before {width:14px; height:14px; background:url('/wp-content/themes/sciencetimes/images/common/icon_common.png') -265px 0 no-repeat; background-size:350px;}
	.sub .tit_wrap.reporter .thumb em {width:70px; height:70px;}
	.sub .tit_wrap.reporter .info {right:15px; left:150px;}
	.sub .tit_wrap.reporter .info strong {font-size:18px;}
	.sub .tit_wrap.reporter .info p {font-size:13px;}

	.quick_sky {left:15px;}

	.relation_news .board_cont .tit {font-size:16px;}
}

@media (max-width:767px){
	.sub .tit_wrap .sub_menu ul:after {clear:both;}
	.sub .tit_wrap .sub_menu li {float:left;}
	.sub .tit_wrap .sub_menu li:nth-child(3n + 1) a:before {display:none;}

	.sub .left {width:100%; float:none;}
	.sub .right.quick {display:none;}
	.relation_news .slide_wrap {margin-left:-15px;}
	.relation_news a {padding-left:15px;}
	.relation_news .slide_wrap:before {width:15px;}

	.sub .view_tit_wrap {padding-top:30px; position:relative;}

	.sub .tit_wrap.type_02 {margin-bottom:10px; padding:15px 15px 0 15px !important; display:block;}
	.sub .tit_wrap.type_02 > * {display:block;}
	.sub .tit_wrap.type_02 .sub_menu {padding-left:0;}

	.sub .view_tit_wrap .tit {font-size:18px; font-weight:700;}
	.sub .view_tit_wrap .tit p {font-size:15px; font-weight:500;}
	.sub .view_content .resize{ font-size:  14px;}
	.sub .view_tit_wrap .bottom .date span:before {margin-left:10px; padding-left:10px;}
	.sub .view_tit_wrap .bottom ul {float:none; position:absolute; top:-10px; right:0;}

	.sub .news_reception_wrap {margin-top:20px;}

	.process ul {margin-left:-40px; display:block;}
	.process li {width:33.333%; padding:0 0 0 40px;}
	.process li:before {width:100%; height:auto; padding-top:100%;}
	.process li + li p:before, .process li + li p:after {width:15px; border-top:1px solid #222; left:12px;}
	.process p:before {top:36%;}
	.process p:after {margin-top:-1px; top:40%;}

	.board_view {padding-top:0;}
	.sub .view_tit_wrap .bottom ul {top:-15px;}

	.quick_sky a {width:28px; height:28px; background-size:28px;}
	.quick_sky .twitter a {background-position:0 -31px;}
	.quick_sky .kakao a {background-position:0 -61px;}
	.quick_sky .kakao_story a {background-position:0 -92px;}
	.quick_sky .url a {background-position:0 -123px;}

	.reply_content .reply_subDepth {padding-left:15px;}
	.reply_content .btnSection a {padding:1px 4px;}

	.reply_content .children {margin-left:15px;}

	.static .traffic dt {margin-bottom:10px; float:none;}
}

@media (max-width:600px){
	.sub h3, .sub h3 strong {font-size:18px;}
	.sub .tit_wrap.reporter .thumb {position:absolute; top:15px; right:0; left:15px;}
	.sub .tit_wrap.reporter .thumb:after {clear:both; content:''; display:block;}
	.sub .tit_wrap.reporter .thumb em {width:50px; height:50px; vertical-align:middle; display:inline-block;}
	.sub .tit_wrap.reporter .thumb button {width:auto; margin-top:8px; padding:7px 8px; vertical-align:middle; float:right;}
	.sub .tit_wrap.reporter .info {position:static;}
	.sub .tit_wrap.reporter .info .cate, .sub .tit_wrap.reporter .info strong {margin-left:60px;}

	.sub .tit_wrap h2, .static h2 {font-size:22px !important;}

	.static h3 {font-size:16px;}
	.static h3:after {margin:8px 0 12px 0;}

	.error h3 {font-size:20px;}
	.error h3:before {width:91px; height:74px; margin-top:30px; margin-bottom:20px;}

	.process p:after {margin-top:1px;}

	.relation_news {margin-top:20px;}

	.relation_news .board_cont .tit {font-size:15px;}
	.content:not(.main) .btn_more {padding:6px 0 6px 8px; font-size:12px;}
	.content:not(.main) .btn_more:after {margin-top:-1px;}

	.relation_news .slick-arrow {top:-53px;}
	.relation_news .slick-prev {right:25px;}
	.relation_news .slick-arrow:before {width:20px; height:20px;}
	.relation_news .slick-arrow:before {top:1px;}

	.sub .view_bottom li {float:none;}
	.sub .view_bottom li + li:before {display:none;}
	.sub .view_bottom li * {line-height:1;}

	dl.tag {padding-top:15px; padding-bottom:18px; display:block;}
	dl.tag > * {text-align:left !important; display:block;}
	dl.tag dt {margin-bottom:5px;}
	dl.tag dt br {display:none;}
	dl.tag dt {font-size:18px;}
	dl.tag ul {margin-top:-3px; margin-left:-13px;}
	dl.tag li {padding-top:3px; padding-left:13px; font-size:13px;}

	.sub .view_bottom {padding-top:0;}
	.sub .view_tit_wrap .bottom {margin-top:5px;}

	.reply_wrap {margin-top:20px;}
	.reply_content dt {padding-top:12px; font-size:13px;}
	.reply_content dt:before {width:5px; height:5px; top:13px; left:-17px;}
	.reply_content dd:before {left:-15px;}
	.reply_content dd p {font-size:12px;}
	.reply_content .text_size {padding:6px 0 7px 20px;}
	.reply_content .text_size button {padding:8px 21px; font-size:13px;}
	.reply_content .text_size span {font-size:12px;}
	.reply_content .input_wrap.textarea .placeholder {font-size:13px; line-height:1.3;}

	.reply_content li .write strong {font-size:13px;}
}

@media (max-width:599px){
	.process ul {width:50%; margin:0 auto;}
	.process li {width:100%;}
	.process li + li {margin-top:30px;}
	.process li br {display:none;}
	.process p:before, .process p:after {display:none !important;}

	.content .link a {display:block;}
	.content .link a:before {display:none !important;}
}

@media (max-width:500px){
	.sub .tit_wrap .sub_menu {display:block;}
	.sub .tit_wrap .sub_menu ul {display:none;}
	/* 191231 Add:JH :: tit_wrap 영역 메뉴 외에 숨김 제거 */
	.sub .tit_wrap.not_selection .sub_menu ul {display:block;}

	.static section + .btnSection {margin-top:25px;}

	.error h3:before {width:71px; height:58px;}
	.error .txt br {display:none;}
}

@media (max-width:320px) {
	.content .link a:after {display:none;}
}

/*=========================================================
10. animate
=========================================================*/

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes fadeInUp {
	0% {-webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInUp {
	0% {-webkit-transform:translate3d(0, 50px, 0); transform:translate3d(0, 50px, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@-webkit-keyframes fadeInLeft {
	0% {-webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInLeft {
	0% {-webkit-transform:translate3d(-50px, 0, 0); transform:translate3d(-50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@-webkit-keyframes fadeInRight {
	0% {-webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

@keyframes fadeInRight {
	0% {-webkit-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:0;}
	100% {-webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%; opacity:1;}
}

.fadeInUp {-webkit-animation-name:fadeInUp; animation-name:fadeInUp;}
.fadeInLeft {-webkit-animation-name:fadeInLeft; animation-name:fadeInLeft;}
.fadeInRight {-webkit-animation-name:fadeInRight; animation-name:fadeInRight;}
.wait-animation {opacity:0; -webkit-animation-play-state:paused; animation-play-state:paused;}
.animated {-webkit-animation-duration:1s;animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; opacity:1 \0/IE8+9 !important;}