@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Paperozi';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

html {scroll-behavior: smooth;}
.webzine2511 { font-family: 'Paperozi', "Noto Sans KR", arial, sans-serif; font-weight:400; color:#222; letter-spacing:-0.02em; font-size:16px; line-height:1.3;}
.webzine2511 * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;word-break: keep-all;}
.webzine div {position:relative;}
.webzine img { max-width:100%;}
.webzine .thum { padding:10em 0; align-content: center; justify-content: center;}
.webzine .thum img {max-width:250px;}
.max1 { max-width:840px; padding:3.5em 0;}
.max2 { max-width:615px; padding:3.5em 0;}
.max2-1 { max-width:615px;}
.flexcol { display:flex; flex-direction:column;  align-items: center; width:100%; gap:10px;}
.flexrow { display:flex; flex-direction:row; justify-content: center; width:100%; gap:15px;}
.flex {/* display:flex; flex-direction:column; align-items: center;position:relative; width:100%;*/}
.grid { display:grid; width:100%;}
.grid.vcenter {align-items: center;}
.grid.gcol2 {grid-template-columns: repeat(2, 1fr); gap:10px;}
.grid.gcol3 {grid-template-columns: repeat(3, 1fr); gap:10px;}
.grid.gcol4 {grid-template-columns: repeat(4, 1fr); gap:1.9%;}
.grid.gcol121 { grid-template-columns: 1fr 1.23fr 1fr;}
.grid.gcol12 { grid-template-columns: 1fr 2fr;}
.grid.gcol211 { grid-template-columns: 1.23fr 1fr 1fr;}
.grid.gcol112 { grid-template-columns: 1fr 1fr 1.23fr;}
.grid.gcol21 { grid-template-columns:  2fr 1fr;}
.grid.gcol161 { grid-template-columns: 1.57fr 1fr;}
.gap10 {gap:10px;}
.gap20 {gap:20px;}
.gap30 {gap:30px;}
.mt10 { margin-top:10px;}
.mt20 { margin-top:20px;}
.mt30 { margin-top:30px;}
.mt2m { margin-top:2em;}

 
.section1_top {padding:3em 0;}
.title1 { font-size:1.35em; padding:0.7em 0 0 0;}
.title1 span{ font-weight:700; color:#ec6d36;}
.title2 { font-size:1.4em; font-weight:600; text-align:center;}
.title2:after { content:''; position:absolute; bottom:-5px; left:0; width:100%; height:2px; background:#ccc;}
.title3 { font-size:1.7em; font-weight:600; padding:0.6em 0 0.8em 0; text-align:center;}
.title_txt {text-align:center; font-weight:500;}
.snsbox { margin:1em 0;}

.graybg{  background-color:#ebebeb; width:100%; padding-bottom:1em}

.whitebg{  background-color:#fff; width:100%; }
.section_tbox { border-radius:10px; background:#ebebeb; margin:2em 0 0 0; padding:0.5em; justify-content: space-between; align-items: center;}
.graybg .section_tbox.nobg { background:none; margin:0 0 0 0;padding: 1em 0.5em 0.5em 0.5em;}
.whitebg .section_tbox.nobg { background:#ebebeb;}
.section_tbox.newstype2 { border-radius:10px 10px 0 0;}
.nobg .section_tbox_timg {position: absolute; bottom:-10px; left: 0;}
.nobg .section_tbox_t { font-size:1.3em; font-weight:500; padding:0 0 0 4.5em;}
.section_tbox_t { font-size:1.2em; font-weight:500; padding:0 0 0 0.5em;}
.section_tbox_t.acts {font-size:1.5em; font-weight:700; padding:0.5em 0 0 0.5em;}
.section_tbox_t.news {padding:0.5em ;}
.section_tbox_t.news .news_title{ font-size:1.1em; font-weight:600;}
.section_tbox_t.news .bt {font-size:1.1em; font-weight:900; color:#eb6300}
.section_tbox_t.news .bts {font-size:.9em;}
.section_tbox .section_tbox_icon.acts { margin-top:4em;}
.section_tbox_t .st { display:block; font-size:.6em; font-weight:500; margin:10px 0 0 0; }
.section_tbox_icon {}
.section_addtxt { padding:5px 0 0 0;}
.section_addtxt b { display:inline-block; font-weight:600; margin:0 10px 0 0;}
.gobtnbox { padding:2em 0;}
.gototop { display:inline-block; margin:20px 0; padding:10px 20px; background-color:#ec6e34; color:#fff; font-weight:bold; font-size:16px; border-radius:25px; text-decoration:none; font-family:Arial, "Malgun Gothic", Dotum, sans-serif; box-shadow:0 4px 6px rgba(0, 0, 0, 0.2); }
.co_gray { color:#666;}
.co_orange {color:#eb6300;}
.subj { display:block; margin:0 0 5px 0;}
.actbox { padding:2em 10em 2em 2em; border-radius:10px; box-shadow: #ccc 2px 2px 10px;}
.actbox .absimg1 { position:absolute; right:0; top:0; transform:translate(-5%,-15%);}
.actbox .absimg2 { position:absolute; right:0; bottom:0; transform:translate(30%,15%);}
.actbox:before { content:''; background-image: url("/img/webzine2511/section4_g5.jpg"); width:148px; height:107px; position:absolute; left:0; top:10%; transform:translate(-100%,0); z-index: -1;}
.actbox:after { content:''; background-image: url("/img/webzine2511/section4_g6.jpg"); width:129px; height:122px; position:absolute; right:0; bottom:35%; transform:translate(100%,0); z-index: -1;}
.actcontentbox {font-size:.95em}
.actcontent_t { display:flex; align-items: center; margin:1.5em 0 0.5em 0;font-weight:600;}
.actcontent_t img { margin:0 0.5em 0 0;}
.actcontent .actcontent_t:first-child{ margin:0 0 0 0;}
.actcontent_c { }
.act_name { color:#66449a; font-weight:600;}
.act2 .act_name { color:#2ca838;}
.actbox.act2 .absimg2 {  transform:translate(0%,15%);}

.newsbox { align-items: center; padding:0 0.5em 0.5em 0.5em; border-bottom:solid 1px #d0d0d0;}
.newsbox.lastbox { border-bottom:none;}
.news_content { width:calc(100% - 250px);}
.news_img { width:250px;}
.news_t { font-size:1.2em; font-weight:600;}
.news_c { margin:5px 0;}
.news_st { font-weight:600; color:#eb6300;}
.groupbox { display:flex;flex-direction: column; justify-content: center; text-align:center; border-radius:10px; border:solid 1px #d0d0d0; padding:0.5em;}

.newstype2_content { margin:-10px 0 0 0; padding:1em; background:#dcdedd; border-radius:0 0 10px 10px;}
.newstype2_content .absimg1 { position:absolute; right:0; top:0; transform:translate(-40%,-55%);}
.newstype2_content .absimg2 { position:absolute; right:0; top:0; transform:translate(-70%,-100%);}
.newstype2L { width:70%;}
.newstype2R { width:30%; max-width:170px;}
.news_inbox { width:40%; }
.news_inbox2 { width:60%; padding:0 0 0 1em; border-left:solid 1px #ccc;}
.news_inbox .news_t { font-size:1.1em; }


@media(min-width:601px) {
.webzine .pcline { display:block;}
.img_mo { display:none !important;}
.page-wrap > .container.main-container {background-color: transparent;}
#section4 { z-index:1}
}
@media(max-width:600px) {
.img_pc { display:none !important;}
.webzine { overflow:hidden;}
.max1,
.max2,
.max2-1 {padding-left:10px;padding-right:10px; max-width:100%;}
.grid { width:auto;}
.grid.gcol3,
.grid.gcol4 {grid-template-columns: repeat(2, 1fr); gap:10px;}

.flexcol { display:flex; flex-direction:column;  align-items: center; width:100%; gap:10px;}
.flexrow { display:flex; flex-direction:column;  align-items: center; width:100%; gap:15px;}
.flexrow > div { width:100%;}
.snsbox.flexrow,
.section_tbox.flexrow { display:flex; flex-direction:row;}
.snsbox.flexrow > div,
.section_tbox.flexrow > div { width:auto;}

.grid.gcol3,
.for112,
.for532,
.for46,
.for55,
.for325,
.for523,
.gcol161 { display:flex; flex-direction:row; flex-wrap:wrap;}

.grid.gcol3 > div,
.for112 > div,
.for532 > div,
.for46 > div,
.for55 > div,
.for325 > div,
.for523 > div,
.grid.gcol161 > div {display: flex; flex-direction: column;}

.for55 > div,
.grid.gcol3 > div,
.grid.gcol3 > img { width:calc(50% - 5px);}


.for112 > div { width:calc(50% - 5px);}
.for112 > div:nth-child(3) { width:100%;}

.for532 > div:nth-child(1) { width:100%; order:3}
.for532 > div:nth-child(2) { width:calc(55% - 5px);}
.for532 > div:nth-child(3) { width:calc(45% - 5px);}

.for46 > div { width:calc(40% - 5px);}
.for46 > div:nth-child(2) {width:calc(60% - 5px);}

.for325 > div:nth-child(1) { width:calc(55% - 5px);}
.for325 > div:nth-child(2) { width:calc(45% - 5px);}
.for325 > div:nth-child(3) { width:100%; }

.for523 > div:nth-child(1) { width:100%; order:3}
.for523 > div:nth-child(2) { width:calc(45% - 5px);}
.for523 > div:nth-child(3) { width:calc(55% - 5px);}

.grid.gcol161 > div:nth-child(1) { width:calc(60.5% - 5px);}
.grid.gcol161 > div:nth-child(2) { width:calc(39.5% - 5px);}

.actbox:before, .actbox:after { display:none;}
.actbox { padding:1em 1em 8em 1em;}
.actbox .absimg1 { max-width:30%;}
.actbox .absimg2 { max-width:60%;}
.actbox .absimg1 { transform:translate(-50%,-75%);}
.actbox.act2 .absimg2 { max-width:70%; transform:translate(0%,25%);}

.news_content,
.news_img { width:100%;}
.news_img { text-align:center;}
.newstype2_content .absimg1 { max-width:35%;transform:translate(-30%, -160%);}
.newstype2_content .absimg2 { max-width:30%; width:auto; transform:translate(-45%, -130%);}
.news_inbox2 { border-left:none; padding:0;}


.page-wrap > .container.main-container { padding:0; background-color: transparent;}
.kboard-title,
.kboard-detail { padding:0 10px;}
#kboard-default-ns-document .kboard-content .content-view { padding: 10px 0; }
.elementor-column-gap-default>.elementor-column>.elementor-element-populated { padding:0;}
.width100-20 {width: calc(100% - 20px) !important;}
}
@media(max-width:400px) {
.actbox.act2 .absimg2 { transform:translate(0%,15%);}
}