@charset "utf-8";
/* font */
@font-face {
font-family: 'Paperlogy-3Light';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Paperlogy-4Regular';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Paperlogy-6SemiBold';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
font-weight: 600;
font-style: normal;
}

/* common */
html,body{margin:0; padding:0;font-family:Paperlogy-4Regular,'나눔고딕',NanumGothic,'Nanum Gothic','맑은 고딕','Malgun Gothic','Apple SD Gothic Neo',applegothic,'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif;}
body{background:url(../images/bg.jpg);color:#514044;}
div, table, th, td, p, span, form, fieldset, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, img, iframe, a, header, footer, aside, section, article, nav, hr, strong {margin:0; padding:0; border:0; vertical-align:top;}
header, footer, aside, section, article, nav {display:block}
div, table, th, td {border-collapse:collapse;}
input, button {vertical-align:middle;}
img {border:0; vertical-align:top;}
button {margin:0; padding:0; border:0; background:none;}
ul, ol, li {list-style:none;}
a {text-decoration:none;}
caption {position:absolute; top:-9999px; display:block; width:0; height:0; margin:0; padding:0; line-height:0; font-size:0; text-indent:-9999px;}
::-moz-selection{background-color:#ccc;color:#000}
::selection{background-color:#ccc;color:#000}
*{-webkit-text-size-adjust:none} /* 아이폰 세로모드 폰트 확대막기 */
*{text-shadow:none !important}
body{height:100%;overflow-y:scroll}

#pc{width:100%;overflow:hidden;}
.pc_width{width:1010px;min-width:1010px;margin:0 auto}
.blind{position:absolute;left:0;top:-9999px;width:0;height:0;margin:0;padding:0;font-size:0;text-indent:-9999px;overflow:hidden;}
.clear{*zoom:1;}
.clear:after{display:block;clear:both;content:"";}
.lft{float:left;}
.rgt{float:right;}
.xe_content{font-family:inherit !important;font-size:14px;line-height:2em;}
.bd_tmb_lst p b{font-size:16px;line-height:1.6em;}/* 갤러리게시판 타이틀 */
/* 회원가입관련 */
.xm h1{font-size:20px;padding:20px 0;margin-bottom:50px;border-bottom:1px solid #8e867f;color:#4b2884;font-weight:normal;text-align:center;}
.xm h2{font-size:20px;padding:20px 0;color:#4b2884;font-weight:normal;text-align:center;}
/* 서브페이지 공통 */
.subCon{word-break:keep-all;}
.subCon p{color:#514044;font-size:16px;line-height:150%;}
.subCon p strong{font-weight:700;}
.subCon .align_lft{text-align:left;}
.subCon .align_cnt{text-align:center;}
.subCon .align_rgt{text-align:right;}
.subCon .top50{margin-top:50px;}
.subCon .top100{margin-top:100px;}

/* 스킵네비게이션, 반복영역건너뛰기 */
.skip_navigation{position:absolute;left:0;top:0;width:100%;z-index:20000;}
.skip_navigation ul{height:0;}
.skip_navigation a{position:absolute;top:-9999px;background:#000;width:100%;height:40px;text-align:center;font-size:20px;color:#fff;line-height:40px;font-weight:bold;z-index:100;opacity: 0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60)}
.skip_navigation a:focus,
.skip_navigation a:hover,
.skip_navigation a:active{top:0}

/* header */
#gnb{width:1010px;margin:0 auto;}

/* gnb */
#gnb p.logo{display:block;margin:35px auto;text-align:center;}
#gnb #menu{position:relative;z-index:100;display:flex;justify-content:center;text-align:center;border:1px solid #c0b5a6;border-left:none;border-right:none;}
#gnb #menu li{position:relative;}
#gnb #menu > li > a{display:block;text-decoration:none;font-size:18px;line-height:80px;color:#514044 !important;padding:0 25px;}
#gnb #menu > li > a.on{}
#gnb #menu > li:nth-child(7) > a{position:relative;padding-left:60px;}
#gnb #menu > li:nth-child(7) > a:before{display:block;position:absolute;left:30px;top:30px;content:"";width:25px;height:21px;background:url(../images/blog_ico.png) no-repeat left center;}
#gnb #menu li a:hover,#gnb #menu > li:hover > a{}
#gnb #menu ul{position:absolute;left:50%;top:80px;width:200px;margin-left:-100px;display:none;opacity:0;list-style:none;border-radius:10px;overflow:hidden !important;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
#gnb #menu ul:after{position:absolute;left:50%;top:0;margin-left:-4px;width:0;height:0;border-left:10px solid transparent;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid rgba(251, 248, 247, 1);content:"";}
#gnb #menu ul li{}
#gnb #menu ul li:first-child{margin-top:10px;border-radius:10px 10px 0 0;overflow:hidden;}
#gnb #menu ul li a{display:block;width:180px;padding:12px 10px;font-size:14px;text-align:center;color:#514044;background:#fbf8f7;}
#gnb #menu ul li a:hover{background:#f4efee;}
#gnb #menu ul ul{left:200px;top:-1px}

/* subVisual */
.subVisual{position:relative;padding:50px 0 0;text-align:center;}
.subVisual p.tit{font-size:25px;margin-bottom:20px;color:#6e2233;}
.subVisual p.tit span{box-shadow:inset 0 -15px 0 rgba(243,200,70,0.3);padding-left:1%;padding-right:1%;}

/* 배경 */
.main_bg1{position:absolute;left:0;top:0;}
.main_bg2{position:absolute;right:0;top:-35px;}
.main_bg3{position:absolute;left:0;bottom:200px;}
.main_bg4{position:absolute;right:0;bottom:200px;}

/* content */
.breadclumb{height:30px;font-weight:normal}
.breadclumb *{font-style:normal;font-size:11px;font-family:'돋움',Dotum;line-height:30px;color:#8f9699 !important}
.breadclumb a{display:block;float:left;text-decoration:none;padding:0 3px}
.breadclumb span{font-size:8px}
#content_out{position:relative;z-index:10;;margin:100px auto 0;}
#content_out:after{content:"";display:block;clear:both}
#content{width:1190;}

/* footer */
#footer_out{width:1010px;margin:30px auto 0;color:#514044;border-top:1px solid #c0b5a6;}
.footer{position:relative;font-size:16px;line-height:180%;padding:50px 0;text-align:center;}

/* 퀵메뉴 */
.quick{position:fixed;top:50%;right:50px;z-index:10;margin-top:-162px;border:1px solid #e1dbda;border-radius:7px;overflow:hidden;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.quick li{position:relative;}
.quick li:before{position:absolute;left:12px;top:0;display:block;content:"";width:24px;height:1px;background:#e1dbda;}
.quick li:first-child:before{display:none;}
.quick a img{float:left;}
.btn_top{display:none;}

/* 모바일버전 보기버튼 */
#fakeM1{position:relative;z-index:100;width:90%;margin:25px auto;min-width:1010px;padding-left:0 !important;padding-right:0 !important;display:block;padding:1em;background:#fff;border:1px solid #222;font-size:40px;font-weight:bold;text-align:center;color:#222 !important;border-radius:10px}