@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, figure, figcaption { margin: 0; padding: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
img { border: 0 }
ul, ol, li { list-style: none; padding: 0; margin: 0 }
fieldset { border: none }
button { cursor: pointer; overflow: visible }
a { color: inherit; text-decoration: none }
a:hover, a:active { text-decoration: none }
small { font-size: smaller !important }
em { font-style: normal }
textarea { resize: none }
table { border-spacing: 0; border-collapse: collapse; }
caption { width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; overflow: hidden }
legend { border: 0; width: 1px; height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; clip: rect(0 0 0 0) }
button { border: 0 none }
html { overflow-y: scroll; font-family:'Nanum Gothic' }

/* Display */
.fl { float: left !important }
.fr { float: right !important }
.clear { clear: both !important }
.clear:after { content: ''; display: block; clear: both }
.group:before, .group:after { content: ""; display: table }
.group:after { clear: both }
.ir { background-color: transparent; border: 0; overflow: hidden }
.ir:before { content: ""; display: block; width: 0; height: 150% }
.blind { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px }
.blind.focusable:active, .blind.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.sighted { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto }
.hidden { display: none !important; visibility: hidden }
.invisible { visibility: hidden }
hr { clear: both; display: block; visibility: hidden; width: 1px; height: 55px; font-size: 0; line-height: 0 }

/* Align */
.l { text-align: left !important }
.c { text-align: center !important }
.r { text-align: right !important }
.skipNav a { display: block; width: 1px; height: 1px; margin-bottom: -1px; overflow: hidden; text-align: center; position: absolute; left: 0; top: 0; z-index: 10; color: #fff; font-family: 'Nanum Gothic', Helvetica, sans-serif; font-size: 16px; font-weight: bold }
.skipNav a:focus, .skipNav a:hover, .skipNav a:active { width: 100%; padding: 5px; background: #333; height: auto; }

/* font */
/* @font-face { font-family: 'nanum'; src: url('/dkfair/ko/assets/font/NanumGothic.eot'); src: url('/dkfair/ko/assets/font/NanumGothic.eot?#iefix') format('embedded-opentype'),  url('/dkfair/ko/assets/font/NanumGothic.woff') format('woff'),  url('/dkfair/ko/assets/font/NanumGothic.ttf') format('truetype'),  url('/dkfair/ko/assets/font/NanumGothic.svg#daumregular') format('svg'); font-weight: normal; font-weight: normal; font-style: normal; }
@font-face { font-family: 'nanumb'; src: url('/dkfair/ko/assets/font/NanumGothicBold.eot'); src: url('/dkfair/ko/assets/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),  url('/dkfair/ko/assets/font/NanumGothic.woff') format('woff'),  url('/dkfair/ko/assets/font/NanumGothic.ttf') format('truetype'),  url('/dkfair/ko/assets/font/NanumGothic.svg#daumregular') format('svg'); font-weight: bold; font-weight: bold; font-style: bold; } */

/* layout */
#wrap { width: 100%; }

#top {height:21px;width:1024px; margin:auto}
#top ul{float:right}
#top li{font-size:11px; color:#fff; font-weight:bold; line-height:20px;  float:left;background:url(/dkfair/ko/assets/images/common/ico_bar_top.gif) no-repeat 0 50%; padding:0 0 0 10px}
#top li:first-child {background-image:none; padding-right:10px}

#header { width: 100%; height: 135px; background:url(/dkfair/ko/assets/images/common/bg_header1.gif) repeat-x 0 0}
#head {width:1024px; margin:0 auto}
h1.logo {width:194px; float:left; margin-top:8px}

#container {width:1024px; margin:auto; }
#content {float:left; width:768px; min-height:620px; position:relative; margin-bottom:150px}

/************************************************************ gnb ************************************************************/
#gnb_nav{*zoom:1;width:770px; float:right; position:relative }
#gnb_nav:after{content:'';display:block;clear:both;}
#gnb_nav>li{float:left;height:45px; margin-left:40px}
#gnb_nav>li:first-child {margin-left:0}

#gnb_nav>li>a{display:block; width: 100%; height:100%; cursor:pointer; color:#333; font-size:17px; letter-spacing:-0.05em}
#gnb_nav>li>a>span{display:block;height:100%; margin-top:21px}

#gnb_nav>li>div{position:absolute;top:87;  height:35px; width:795px;}
#gnb_nav>li>div>ul>li{float:left;line-height:35px;padding-left:15px;}
#gnb_nav>li>div>ul>li:first-child {background-image:none; padding-left:0}
#gnb_nav>li>div>ul>li>a{display:block;  font-size:14px; color:#555;letter-spacing:-0.05em}

#gnb_nav>li>div.rig {right:12px} /*수상자와 작품*/
#gnb_nav>li:nth-child(2)>div{left:0}/*0527_퍼블수정*/

/* 대메뉴~~~1뎁스 */
#gnb_nav>li.active>a>span,
#gnb_nav>li.current>a>span{background:url(/dkfair/ko/assets/images/common/bg_gnb1.gif) repeat-x 0 100%; color:#2b6eb5}	/* 0526_아동문학대전 사이트 수정 요청 : 변경 */
#gnb_nav>li>div>ul>li.active>a {color:#2b6eb5}	/* 0526_아동문학대전 사이트 수정 요청 : 변경 */
#gnb_nav>li>div>ul>li.current>a {color:#2b6eb5}	/* 0526_아동문학대전 사이트 수정 요청 : 변경 */

/********************************************************** footer **********************************************************/

#footer {clear:both;width:100%; background:url(/dkfair/ko/assets/images/common/line_footer.gif) repeat-x 0 29px ; border-bottom:1px solid #ddd;  position:relative; overflow:hidden}
.spon{height:28px; float:right; border:1px solid #ddd; border-bottom:none; overflow:hidden}
.spon dt{ background-color:#777;border-right:1px solid #ddd;font-size:13px; color:#fff; font-weight:bold; text-align:center; width:48px;  height:23px; padding-top:5px;float:left}
.spon dd{ height:27px;border-bottom:none; float:left}

#footer .bottom {padding: 40px 0;background-color: #f3f3f3}
#footer .bottom p {width: 1024px;text-align: center;margin: 0 auto;font-size: 14px;line-height: 1.6}
#footer .bottom p a {color: inherit; text-decoration: none;}
#footer .bottom p a:hover{text-decoration: underline}

#holder {position:relative; width:1024px; margin:0 auto; overflow: hidden;}
ul#banner {clear:both; width:973px;height:75px;position:absolute; top:29px; left:25px}
ul#banner li{float:left}
#leftNav { position:absolute; top:29px; left:0}
#rightNav {position:absolute; top:29px; right:0}


/* 0526_아동문학대전 사이트 수정 요청 : 추가시작 */
#footer .bottom {border-top: 1px solid #ddd;}
#gnb_nav {width:770px;}
/* 0526_아동문학대전 사이트 수정 요청 : 추가끝 */