@charset "utf-8";
@import url('NotoSansKR.css');
@import url('S-CoreDream.css');


 /* 사이트 공통 CSS */
/* default font-family */
body,
div.wrapper,
div.popupWrap,
input[type='text'],
input[type='password'],
input[type='file'],
input[type='submit'],
input[type='button'],
input[type='reset'],
select,
a,
textarea,
button {font-family: 'NotoSansKR Regular', sans-serif;}






/* ========================================================================================================== */
/* ================================================== 레이아웃 ================================================== */
/* ========================================================================================================== */


div.wrapper {overflow: hidden; position: relative; font-family: 'NotoSansKR Regular', sans-serif;background: url('/webzine/24vol7/image/common/bg_24vol7_bottom.png') right bottom no-repeat, url('/webzine/24vol7/image/common/bg_24vol7.png') center top no-repeat #fff; background-size: 100%, 100%;}
div.wrapper ul li, div.wrapper ol li{list-style:none;}
div.wrapper a {text-decoration: none; font-family: 'NotoSansKR Regular', sans-serif;}

div#headerWrap {position: relative;width: 100%;}
div#headerWrap:after {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 40px;background-color: #717171;content: '';}
div#headerWrap > div{position: relative;width: 960px;margin: 0 auto; padding:160px 0px 60px 0px; /*padding: 135px 0 85px;*/}
div#headerWrap h1 {}
div#headerWrap h1 a, div#headerWrap h1 img {display: block;margin: 0 auto;}
div#headerWrap div.gnbOpen {position: absolute;bottom: 50px;right: -16px;}

div.gnbWrap {display: none;z-index: 5;position: fixed; top:0;bottom: 0;left: 0;right: 0;background-color: rgba(0,0,0, 0.5); height: 100%; text-align: right; overflow-y: auto; transform:transition all .3s}
div.gnbWrap ul#gnb {display: none;position: absolute; top:275px; left: 50%;background-color: #fff;width: 848px;height: auto;margin-left: -365px;padding: 50px 40px;border-radius:20px;border: 3px solid #7d5321;box-sizing:border-box;font-size: 0; }
div.gnbWrap ul#gnb > li {position: relative; text-align: left;padding-left: 18px;}
div.gnbWrap ul#gnb > li :before {position: absolute;top: 16px;left: 0;display: block;width: 4px;height: 4px;border-radius:50%;background-color: #7d5321;content: '';}
div.gnbWrap ul#gnb > li > a {display:block;color: #282828;line-height: 33px;font-size: 16px;letter-spacing: -1px;}
div.gnbWrap ul#gnb > li.on > a,
div.gnbWrap ul#gnb > li > a:hover {color: #7d5321;font-family: 'NotoSansKR Medium', sans-serif;}

p.closeGnb {position: absolute; top:198px; left: 50%;margin-left: 420px;text-align: right;}
p.closeGnb * {display:inline-block;}

ul.headerUtil {z-index: 5;position: absolute;top: 0;right: 0;font-size: 0;line-height: 0;}
ul.headerUtil li {display:inline-block;vertical-align: top;color: #fff;font-size: 16px; line-height: 40px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.headerUtil li:first-child {margin-right: 15px;}
ul.headerUtil li a {display:block;padding: 0 25px;background-color: #e36307;color: #fff;}
ul.headerUtil li a img {display:block;}

 
div#footerWrap {position: relative;}
div#footerWrap > div {margin: 0 auto;padding: 15px;background-color: rgba(27,27,27,.83); color: #fff;line-height: 23px;text-align: center;font-size: 14px;font-weight: normal;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#footerWrap > div ul.contact {margin: 0;padding: 0;font-size: 0;line-height: 0;overflow: hidden;}
div#footerWrap > div ul.contact li {display:inline-block;line-height: 23px;font-size: 14px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#footerWrap > div ul.contact li::after {content:"|"; display:inline-block; margin: 0 5px;}
div#footerWrap > div ul.contact li:last-child::after {display:none;}

div#container {position: relative;padding-bottom: 180px;}
div#container::after {content:""; display:block; clear: both;}
div#container div.contents {width: 960px;margin: 0 auto;padding: 35px;border-radius: 10px; min-height: 300px;background-color: #fff; box-sizing:border-box; border:4px solid #7d5321;}
div#container div.contents *:first-child {margin-top: 0;}

/* 타이틀 스타일 */
.subTit_bg {margin: 36px 0 28px;padding: 15px 35px;border-radius: 30px 0 30px 0;background-color: #c55618;color: #fff;font-size: 22px;line-height: 30px;font-weight: bold;font-family: 'NotoSansKR Medium', sans-serif;}
.bg1 {background-color: #7d5321;}
.bg2 {background-color: #f58424;}
.bg3 {background-color: #4e826b;}
.bg4 {background-color: #a89433;}

.borderTit {position: relative;margin-bottom: 20px;padding: 25px 0 25px;line-height: 40px;text-align: center;color: #7d5321;font-size: 28px;font-weight: bold;font-family: 'S-CoreDream-5Medium', sans-serif;}
.borderTit:before {position: absolute;bottom: 0;left: 0;display: block;width: 100%;height: 2px;background-color: #e5e5e5;content: '';}
.borderTit:after {position: absolute;bottom: 0;left: 50%;margin-left: -375px;display: block;width: 750px;height: 2px;background-color: #7d5321;content: '';}


/* 메인 > 컨텐츠 */

ul.mainQuick, ul.mainQuick li {margin: 0;padding: 0;list-style: none;}
ul.mainQuick {}
ul.mainQuick:after {display: block;clear: both;font-size: 0;line-height: 0;content: '';}
ul.mainQuick li {float: left;width: calc(50% - 15px);margin:30px 0 0 30px;}
ul.mainQuick li:nth-child(2n+1) {clear: both;margin-left: 0;}
ul.mainQuick li:nth-child(-n+2) {margin-top: 0;}

/* 메인 퀵메뉴 내부 css */
ul.mainQuick a, ul.mainQuick span {display: block;}
ul.mainQuick a {position: relative;width: 100%;height: 200px;padding: 30px 20px 30px;background-repeat: no-repeat;background-position: 0 0; box-sizing:border-box;color: #fff;}
ul.mainQuick a span.tit {letter-spacing: -2px;font-size: 24px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.mainQuick a span.info {position: absolute;bottom: 20px;left: 33px;font-size: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
ul.mainQuick a span.info span {font-size: 16px;font-family: 'NotoSansKR Regular', sans-serif;}

/* 저널에서는 타이틀 font-size가 작아집니다. */
ul.mainQuick a span.tit.journal {font-size: 18px;line-height: 22px;letter-spacing: -1px; background-color:rgba(0,0,0,0.7); padding:10px; border-radius:5px; padding-bottom:13px; font-weight:bold;}
ul.mainQuick a span.tit.journal.short {width:55%;}
ul.mainQuick a span.tit.column {background-color:rgba(255,255,255,0.8); padding:10px; border-radius:5px; padding-bottom:13px; color:#000; font-weight:bold; font-size:18px; letter-spacing:-0.3px;width:fit-content; margin:0 auto; margin-top:35px !important;}

/* li.wide에서는 이미지만 사용합니다. (회원동정, 해외연수기)*/
ul.mainQuick li.wide a {padding: 0;}
ul.mainQuick li.wide a img {display: block;}

/* 칼럼에서는 가운데 정렬을 사용합니다. */
ul.mainQuick a.ac span.tit {font-size: 20px;}
ul.mainQuick a.ac span.info {left: 50%;margin-left: -60px;}

/* 서브페이지 > 컨텐츠 */

div.txtCon .ing {text-align:center; font-size:24px; font-weight:bold; color:#7d5321; }

p.info {padding: 15px 0;text-align: right;line-height: 23px;font-size: 20px;color: #282828;}	
p.info span {font-family: 'NotoSansKR Medium', sans-serif;}

div.txtCon {margin-top: 35px;padding-bottom: 70px;}
div.txtCon b {color:#343434;}
div.txtCon h4 {margin-top:30px; margin-bottom:-25px; font-size:16px;}
div.txtCon p {margin-top: 30px;text-align: justify;line-height: 30px;color: #4d4d4d;font-size: 16px;font-weight: normal;font-family: 'NotoSansKR DemiLight', sans-serif; letter-spacing:-0.8px;}
div.txtCon img {display: block;margin: 0 auto; max-width:880px;}

table.webzinetbl th {border-bottom:2px solid #7d5321; font-weight:bold; padding:5px; text-align:center; border-top:2px solid #7d5321; border-right:1px solid #7d5321; background-color:#fffafc; font-weight:bold !important; }
table.webzinetbl td {padding:5px; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
ul li table.webzinetbl td:nth-of-type(1) {font-weight:bold;}
ul li table.webzinetbl td:nth-of-type(2) {text-align:left;}
table.webzinetbl td.arrow {font-weight:bold; font-size:24px; color:#ff0000; height:30px;}
table.webzinetbl td {}
table.webzinetbl th:last-child, table.webzinetbl td:last-child {border-right:none;}

div.btn a.webzineBtn {display: block; width: 250px; margin:0 auto; background-color: #7d5321; color:#fff; font-size: 20px; font-weight:bold; padding: 15px; border-radius:50px; text-align:center;}