html,mark{color:#323C46}body,figure{margin:0}legend,ove border when inside `a` element in IE 8/9. */ img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

html, body { background-color: #F4F5F7; font-family: "pretendard-Regular", -apple-system, "SF Pro KR", "SF Pro Display", "SF Pro Icons", "Noto Sans", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", BlinkMacSystemFont, "helvetica", "Arial", "Verdana", "sans-serif"; letter-spacing: 0; -webkit-font-smoothing: antialiased; top:0; }
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
img { width: 100%; height: auto; max-height: none ; }
p {	margin: 0 0 0 0; } a { text-decoration:none ;}
h1 { font-size: 36pt; }	h2 { font-size: 31.5pt; } h3 { font-size: 24.5pt; } h1 a { 	text-decoration: none; }
input, textarea {  -webkit-appearance: none;  -webkit-border-radius: 0; padding: 0; margin: 0; }
.clear { clear: both; }
ul, menu {margin:0; padding:0; list-style: none;}
button:focus    {outline:0;}
a { -webkit-tap-highlight-color: transparent; }
.overflow { overflow: auto; -webkit-overflow-scrolling: touch; }
::-webkit-scrollbar { display: none; width: 0px; background: transparent;}
.post, .type-post, .type-page { padding: 0px ; margin: 0 auto; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;  }

.catbar ul li, .scrollToTop, .pl, .popup-close-top, .topbar, .stats a, .alm-load-more-btn, button, a, .single_linkbar, .popup-close-bottom 	{ transition: all 0.15s ; -webkit-transition: all 0.2s ; }

.scrollToTop { border:1px solid #eaeaea; background-color: #fff; width: 50px; height:50px; position: fixed; bottom:60px; right:30px; display: none; cursor: pointer; background-size: 500px 500px; background-repeat: no-repeat; background-position: 0px -150px; z-index: 100; border-radius: 4px; }
.scrollToTop:hover { background-color: #fafafa; }

.alm-btn-wrap { width: 100% ; text-align: center ; padding: 30px 0 40px; margin: 0 auto; position: relative; display: table; }
button.alm-load-more-btn { border-radius: 24px; width: calc(100% - 40px); max-width: none; background-color: #EFF0F3;height: 48px; color: rgb(135,141,152); font-weight: 400; font-family: "Pretendard-Medium"; border: 0px solid #999;font-size: 16px;margin: 0 auto; }
button.alm-load-more-btn:hover {  text-decoration: none ; background-color: #E8EBF0; }
button.alm-load-more-btn:active { text-decoration: none ; -webkit-box-shadow: none ; -moz-box-shadow: none ; box-shadow: none ; }
button.alm-load-more-btn.done { cursor: default ; opacity: 0.2 ; background-color: #fafafa; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none ; -webkit-box-shadow: none ; -moz-box-shadow: none ; box-shadow: none ;  }
@-moz-document url-prefix() { .ajax-load-more-wrap { display: table; } }

.box { max-width: 768px; margin: 0 auto; }
.icon_16 { width: 16px; height: 16px; background-repeat: no-repeat; background-size: contain; }
/* Header */
#header { width: 100%; }
.header_icon_box { width: 100%; height: 48px; }
.header_icon { background-image: url("images/i_logo_onulus_2.png"); margin: 8px 0 0 16px; width: 120px; height: 32px; background-size: contain; background-repeat:no-repeat; }

/* datebox */
.datebox { width: 100%; }

	.datebox_btn  { width: 200px; height: 40px; background-color: #fff; border-radius: 24px; margin: 4px auto 16px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); }

	.datebox_prev_icon { float: left; margin: 12px 0 0 10px; background-image: url("images/i_arrow_left_1.png"); }

  .datebox_date { float: left; font-size: 18px; text-align: center; font-family: 'Pretendard-SemiBold'; color: rgb(23,30,43); line-height: 40px; width: 120px; margin: 0 14px;  }
    .datebox_title { color: rgb(135,141,152); }

  .datebox_next_icon { float: left; margin: 12px 0 0 0; background-image: url("images/i_arrow_right_1.png"); }

/* post */
.postbox { width: 100%; display: table; overflow: hidden; background-color: #fff; margin-top: 8px; border-radius: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);}

.post_ul { width: 100%; position: relative; display: table; }
.pl { width: calc(100% - 32px); float: left; list-style: none; padding: 16px 16px 0 16px; position: relative; }
.pl_thumb { width: 110px; padding-bottom: 132px; overflow: hidden; float: left; height: 0; margin-right: 12px; border-radius: 2px; position: relative; background-color: #EFF0F3; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05); }

.pl_text { left: 0; padding: 8px 0px 0px 0px; text-align: left; width: calc(100% - 122px); float: right; position: relative; }

.pl_title { font-size: 16px; font-weight: 300; font-family: "Pretendard-Medium"; color: rgb(23,30,43); }
.pl_title a { font-size: 16px; font-weight: 300; font-family: "Pretendard-Medium"; color: rgb(23,30,43); }

.pl_info { margin-top: 4px; font-size: 13px; float: left; color: rgb(135,141,152); line-height: 1.3;}
.pl_info a { color: rgb(135,141,152); font-weight: 300; }

.pl_subtitle { margin-top: 4px; font-weight: 500; float: left; font-size: 13px; color: #323C46; line-height: 1.3; }

/* single */

.single_box { width: 100%; background-color: #fff; }
.singlebox_inside { width: calc(100% - 40px); margin: 0 auto 120px; padding-bottom: 30px;}

.s_image { width: 100%; overflow: hidden; border-bottom: 1px solid #eee; background-color: #fafafa; min-height: 120px; }

.s_title { font-size: 24px; line-height: 1.3; font-weight: 500; width: 100%; padding-top: 20px; color: #323C46; }

.s_tag { font-size: 14px; font-weight: 500; color: #555; line-height: 1.3; width: 100%; margin-top: 8px;   }
.s_tag a { float: left; color: #555; margin-top: 4px; background-color: #f2f2f2; padding: 8px 12px; border-radius: 25px; margin-right: 4px; }

.s_subtitle { margin-top: 20px; font-weight: 500; }

.s_info_box { margin-top: 16px; width: 100%; display: inline-table; font-size: 15px;  }
.s_info_title { float: left; width: 40px; color: #323C46; font-weight: 700; }
.s_info { float: left; color: #323C46; width: calc(100% - 40px) }
.s_place { }
.s_date { }
.s_address { }
.s_phone { }
.s_description { font-size: 15px; color: #323C46; line-height: 1.5; margin-top: 16px;  }

.s_line { width: calc(100% - 48px); margin: 0 auto; height: 0px; background-color: #eee; }

.s_button { margin-top: 30px; width: 100%; height: 50px; line-height: 50px; color: #555; text-align: center; background-color: transparent; border: 1px solid #999; border-radius: 16px; float: left; font-size: 16px; }
.s_button a { color: #555; }

.s_map { width: 100%; height: 120px; background-color: #f2f2f2; margin-top: 20px; border-radius: 16px; }

	.singlepost { margin: 20px auto 50px; }

	.singlebox { background-color: #fff; }

	.single_thumb { width: 100%; height: 0; padding-bottom: 50%; overflow: hidden; }

	.single_top { position: relative; padding: 35px 30px 0 30px; display: table; width: calc(100% - 60px); height: 150px; background-color: #fff; }
	.singlepost .single_top { padding: 125px 50px 0 50px; }

	.single_titlebar { width: 100%; float: left;}
	.single_title   { font-size: 18px; background-color: #eee; position: absolute; padding: 0 4px; line-height: 1.4; color: #323C46; }

	.single_tag	{ padding-top: 8px; font-size: 13px; color: #666; position: absolute; margin-top: 28px; line-height: 1.5; width: calc(100% - 60px); }
	.single_tag a	{ color: #aaa; }
	.single_desc { padding: 10px 15px 0 0; line-height: 12px; font-weight: 600; right: 20px;  position: absolute; margin-top: 0; }
	.single_date { font-size: 11px; color: #aaa; font-weight: 400; }
	a.post-edit-link { font-size: 10px; color: #aaa; background-color: #eee; padding: 2px 4px; }

	.single_content { width: 100%; position: relative; min-height: 200px; background-color: rgb(23,30,43);}
	.single_content p { margin: 0; line-height: 0; }
	.single_content a:hover { color: #ffcc00f; }
  .single_content img { width: 100%; margin-left: 0px; }

	.single_linkbar { width: calc(100% - 90px); text-align: center; padding: 30px 60px 30px 30px; position: relative; background-color: #FFBF23; }
	.single_linkbar:hover { background-color: #FFB500; }
	.single_linkbar_title { color: rgb(23,30,43); font-size: 17px; line-height: 1.4; font-weight: 600; }
	.single_linkbar_icon { background-size: 500px 500px; height: 50px; width: 50px; background-position: 0 0; position: absolute; right: 10px; top: 50%; margin-top: -25px; }

/* footer */

#footer { margin: 0; width: 100%; z-index: 10; text-decoration: none; display:block; overflow:hidden; }

.stats  { width: 540px; padding-right: 10px; text-align: right; line-height: 45px; color: #aaa; float: right; margin-top: 5px;}
.stats a    { color: #aaa }
.stats a:hover {color: #ffcc00f}
.statstext    { margin-right: 12px;}

/* 1500 */
@media screen and (max-width: 1500px) {
}


/* 1366 1280 */
@media screen and (max-width: 1366px) {
}

/* IPAD1024 */
@media screen and (max-width: 1024px) {
}

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

/* IPAD768 4*/
@media screen and (max-width: 767px) {
	.box  { width: 100%; }
	.intro_mobile { display: block; }
	.intro_desktop { display: none; }
}

/* 640 3 */
@media screen and (max-width: 739px) {

	.intro { margin: 40px 40px 30px 30px; }
	.intro p { }

	.popup, .singlepost { width: 600px; }

    #footer { padding-bottom:30px; }
    .statsdesktop { display: none; }

    .stats { padding-right: 0; width: 100%; line-height: 30px; margin-top: 0; }
    .statstext { width: 100%; float: left; margin-right: 0; text-align: center; }

	.scrollToTop { width: 40px; height:40px; background-size: 400px 400px; background-position: 0px -120px; }
	.popup-close-bottom { background-position: -349px -2px; width: 62px; height: 35px; right: calc(50% - 32px); background-size: 400px 400px; bottom: 50px; }
	.single_linkbar_icon { background-size: 400px 400px; height: 40px; width: 40px; right: 10px; top: 50%; margin-top: -20px; }

}

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

	.postbox { border:0; width: 100%; }

    .scrollToTop { bottom: 30px; right: 10px; }
		.popup-close-inside { padding-bottom: 550px; }

		.singlebox { padding-top: 0;}
		.singlepost { width: 100%; margin-top: 0; }
    .popup { margin: 7px auto 0 ; width: calc(100% - 10px); }
		single_top { height: 180px; }
		.singlepost .single_top { padding: 110px 30px 0 30px; }

		.single_date { bottom:10px; }

    	.single_content { width: 100% }

    	.single_linkbar { width: calc(100% - 80px); padding: 25px 60px 25px 20px; }

}

/* iphone6plus */
@media screen and (max-width: 460px) {

}

/* iphone6 */
@media screen and (max-width: 409px) {

	.popup-close-inside { padding-bottom: 500px; }

}

/* android 360 */
@media screen and (max-width: 369px) {

}

/* iphone5 */
@media screen and (max-width: 359px) {
}