/* BASIC css start */
/* À¥ÆùÆ® */
@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Lato');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700&display=swap');
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script&display=swap&subset=korean');
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans);
@import url(//fonts.googleapis.com/earlyaccess/kopubbatang.css);
@import url(https://fonts.googleapis.com/css?family=Courgette);
@import url(https://fonts.googleapis.com/css?family=Homemade+Apple);
@import url(https://fonts.googleapis.com/css?family=Sarina);
@import url(https://fonts.googleapis.com/css?family=Bitter);
@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Handlee&display=swap&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Mukta&display=swap');
@import url('https://fonts.googleapis.com/css?family=Nanum+Brush+Script|Nanum+Pen+Script&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

body {font-family: Arial sans-serif; }


::selection { background:#c39562; color:#fff; }
.cboth { clear:both;*zoom:1 }
.cboth:after { content:" "; display:block; clear:both; }



/* »ó´Ü */
#header {position:relative; width:100%; margin:0;}
.header_sec01 { width: 1200px; margin:0 auto; }
.header_sec01 ul { width: 1200px; margin: 30px 0px; text-align:center; }
.header_sec02 { width: 1200px; margin:0 auto; }

/* »ó´Ü ¿µ¿ª 02 : Ä«Å×°í¸® */
#comment_top { }
#comment_top.fixed {position:fixed; top:0px; left:0%; right:0%; z-index:1000; background-color:#fff; width:100% !important; }

.site-nav { position:relative; width:100%; margin:0; text-align:center; }
.site-nav.fixed { -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); position: fixed; top: 50px; z-index:99; }
.site-nav ul { margin: 0 auto; text-align: justify; width:1100px; height: 60px; line-height: 60px; }
.site-nav ul li { display: inline-block }
.site-nav ul li a { color: #c39562; font-size: 14px; text-indent: -99999px; letter-spacing: 0.5px; text-transform: uppercase; text-decoration: none; font-family: 'Josefin Sans', sans-serif; }
.site-nav ul:after { content: ''; display: inline-block; width: 100%; }
.site-nav ul li a:hover,
.site-nav ul li a.selected,
.site-nav ul li a.hover { border-bottom: 4px solid #c39562; padding-bottom: 5px; }

/* BASIC css end */