﻿@charset "utf-8";

/********************************************************** lnb_nav **********************************************************/

div#lnb_nav {width:215px; margin-right:40px; float:left}
h2.lnb_tit {margin-top:59px; height:54px}

ul.lnb {padding-bottom:15px; }
ul.lnb h1{ font-size:16px; font-weight:bold; padding:10px 0; border-bottom:1px solid #d7d7d7}

ul.lnb li:first-child {border-top:1px solid #d7d7d7}
ul.lnb li{border-bottom:1px solid #d7d7d7; color:#111; line-height:33px; font-size:16px; padding-left:22px; background:url(/dkfair/ko/assets/images/content/ico_lnb_bar.gif) no-repeat 10px 16px}
ul.lnb li.on {color:#fff; background:#2b6eb5 url(/dkfair/ko/assets/images/content/ico_lnb_bar_on.gif) no-repeat 10px 16px}	/* 0526_아동문학대전 사이트 수정 요청 : 변경 */
ul.lnb li:hover {color:#fff; background:#2b6eb5 url(/dkfair/ko/assets/images/content/ico_lnb_bar_on.gif) no-repeat 10px 16px}	/* 0526_아동문학대전 사이트 수정 요청 : 변경 */

/******************************************************** sub_visual ********************************************************/

div.sub_visual_1 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_1.gif) no-repeat 0 0; margin-bottom:33px}
div.sub_visual_2 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_2.gif) no-repeat 0 0; margin-bottom:33px}
div.sub_visual_3 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_3.gif) no-repeat 0 0; margin-bottom:33px}
div.sub_visual_4 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_4.gif) no-repeat 0 0; margin-bottom:33px}
div.sub_visual_5 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_5.gif) no-repeat 0 0; margin-bottom:33px}
div.sub_visual_5_1 {width:768px; height:111px; border-bottom:2px solid #d7d7d7; background:url(/dkfair/ko/assets/images/content/bg_subvisual_5.gif) no-repeat 0 0; margin-bottom:33px}


/* page nav */
ul.page_nav  { float:right; }
ul.page_nav {margin-right:-7px}
ul.page_nav li{font-size:12px; font-family:dotum,'돋움' ; color:#777; float:left; background:url(/dkfair/ko/assets/images/content/ico_pagearrow.gif) no-repeat 0 0 ; padding-left:12px; margin-right:7px}
ul.page_nav li strong {font-weight:bold; color:#555;  }
ul.page_nav li:first-child {background:url(/dkfair/ko/assets/images/content/ico_nav_home.gif) no-repeat 0 0; padding-left:17px}

h2.sub_tit {font-size:31px; color:#333; padding-top:50px}
h3.stit {color:#333; font-size:17px; margin-bottom:13px;letter-spacing:-0.02em; font-family:'Nanum Gothic';}
h3.stit_1 {color:#333; font-size:17px; margin-bottom:13px;letter-spacing:-0.02em; font-family:'Nanum Gothic'; padding-left:62px;margin-bottom:20px;}
h3.stit_2 {color:#333; font-size:17px; margin-bottom:13px;letter-spacing:-0.02em; font-family:'Nanum Gothic'; padding-left:112px;margin-bottom:20px;}
h4.stit_check {font-size:15px; color:#555; font-weight:400; padding-left:23px; background:url(/dkfair/ko/assets/images/content/ico_blet_check.gif) no-repeat 0 0; line-height:20px}

p.sub_text {font-size:14px; color:#555; line-height:20px; padding-left:23px; letter-spacing:-0.02em }
p.title_under { text-decoration:underline; color:#333; font-size:17px; line-height:29px}
p.text {color:#555; font-size:15px; line-height:29px}
p.sim {color:#555; font-size:14px; line-height:20px}
p.sim.strong{font-size:18px;font-weight:bold}
p.title_under+p.text {margin-top:30px}
p.info {font-size:14px; padding-left:20px}
p.info1 {font-size:15px; padding-left:20px; line-height:20px;}
p.info_check {font-size:15px; color:#333; font-weight:100; padding-left:23px; background:url(/dkfair/ko/assets/images/content/ico_blet_check.gif) no-repeat 0 0; line-height:20px}
p.info_popup {font-size:14px;color:#23408f; line-height:20px} 
p.info_popup2 {font-size:14px;color:#555; line-height:20px;} 
p.file_text {font-size:14px; margin-bottom:5px}
p.file_text a {text-decoration:underline}
p.file_text a:hover {text-decoration:underline}

span.point_red {color:#fd3333}
span.point_blue {color:#23408f}
span.point_black {color:#000}
img.img_margin{margin-top:70px}

/************************************************/
/******************* [table] ********************/
/************************************************/

div.tbl_basic {clear:both;border-top:2px solid #777}
div.tbl_basic th {color:#555; font-size:15px; background-color:#f6f6f6; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:14px 0; }
div.tbl_basic th:first-child {border-left:none}
div.tbl_basic td {color:#555; font-size:14px;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:14px 0; text-align:center}
div.tbl_basic td.subject {text-align:left; padding-left:10px}
div.tbl_basic td.subject a:hover {color:#249dce}
div.tbl_basic td.noline {border-left:none}
span.mini_info {font-size:12px}

div.tbl_basic1 {clear:both;border-top:2px solid #777}
div.tbl_basic1 th {color:#555; font-size:15px; background-color:#f6f6f6; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:15px 0; }
div.tbl_basic1 th:first-child {border-left:none}
div.tbl_basic1 td {color:#555; font-size:12px;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:5px 0; text-align:center}
div.tbl_basic1 td.subject {text-align:left; padding-left:10px}
div.tbl_basic1 td.subject a:hover {color:#249dce}
div.tbl_basic1 td.noline {border-left:none}

div.tbl_basic2 {clear:both;border-top:2px solid #777}
div.tbl_basic2 th {color:#555; font-size:15px; background-color:#f6f6f6; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:15px 0; }
div.tbl_basic2 th:first-child {border-left:none}
div.tbl_basic2 td {color:#555; font-size:12px;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; height:38px;   text-align:center}
div.tbl_basic2 td.subject {text-align:left; padding-left:10px}
div.tbl_basic2 td.subject a:hover {color:#249dce}
div.tbl_basic2 td.noline {border-left:none}


div.tbl_vertical {clear:both;border-top:2px solid #777; position:relative}
div.tbl_vertical th {color:#555; font-size:15px; background-color:#f6f6f6; border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:14px 0;}
div.tbl_vertical th:first-child {border-left:none}
div.tbl_vertical td {color:#555; font-size:14px;border-bottom:1px solid #d2d2d2; border-left:1px solid #d2d2d2; padding:8px 15px; text-align:left}
div.tbl_vertical td.subject {text-align:left; padding-left:10px}
div.tbl_vertical td.subject a:hover {color:#249dce}
div.tbl_vertical td img {vertical-align:top}
div.tbl_vertical td.bon_text {border-left:none; padding:30px; line-height:20px; border-bottom:none }
div.tbl_vertical td.re_text {border-left:none; padding:30px; line-height:20px; background:url(/dkfair/ko/assets/images/content/ico_dotline.gif) repeat-x 0 0; }
div.tbl_vertical th.top_line,div.tbl_vertical td.top_line {border-top:1px solid #d2d2d2;}
div.tbl_vertical td.re_text span.answer { background:url(/dkfair/ko/assets/images/content/ico_qna_answer.gif) no-repeat 0 0; display:block; padding-left:110px }

/* 우편번호 */
div.tbl_zip {clear:both;border-top:2px solid #777; border-bottom:1px solid #d2d2d2;margin-top:20px; height:136px; overflow-y:scroll; overflow-x:hidden}
div.tbl_zip th {color:#555; font-size:15px; background-color:#f6f6f6; border:1px solid #d2d2d2;  padding:14px 0;border-top:none}
div.tbl_zip td {color:#555; font-size:14px; border:1px solid #d2d2d2; padding:14px 0; text-align:center}
div.tbl_zip td.adress {text-align:left; padding-left:10px}
span.mini_info {font-size:12px}


/***********************************************/
/******************* [form] ********************/
/***********************************************/

input[type="text"],input[type="password"] {border:1px solid #d2d2d2; height:27px; line-height:27px}
.size_100 {width:100%}
.size_520 {width:520px}
.size_300 {width:300px}
.size_200 {width:200px}
.size_150 {width:150px}
.size_120 {width:120px}
.size_110 {width:110px}
.size_80 {width:80px}
.size_60 {width:60px}
.size_40 {width:40px}
.size_adress {width:100%; margin-top:5px}
input[type="radio"] {vertical-align:middle; margin-right:5px}
label+input[type="radio"] {margin-left:20px}
input[type="file"]{height:29px; }
label.sel {display:inline-block; padding-top:5px}

.text_box {width:100%; height:100px; border:1px solid #d2d2d2}
.text_box2 {width:520px; height:130px; border:1px solid #d2d2d2}

/* 셀렉트 박스 */
.hide { width:0; height:0; margin:0; padding:0; visibility:hidden; font-size:0; line-height:0; position:absolute; top:0; left:0; overflow:hidden; }
div.jsSelect_on { z-index:20 !important; }
div.jsSelect_on .itemList { left:0 !important; }

div.jsSelect { display:inline-block;  *display:inline; *zoom:1; _display:inline; height:29px; color:#636363; font-size:14px;  position:relative; z-index:10; cursor:pointer; white-space:nowrap; vertical-align:top; width:125px; }
div.jsSelect .bg_left { width:100%; height:29px; background:url(/dkfair/ko/assets/images/content/bg_select.gif) no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect .bg_right { width:30px; height:29px; background:url(/dkfair/ko/assets/images/content/bg_select.gif) no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect .value { position:relative; z-index:20; margin:6px 30px 0 12px; }
div.jsSelect a:hover, div.jsSelect a:active { text-decoration:none; }
div.jsSelect .itemList { width:100%; padding:25px 0 0 0; position:absolute; top:0; left:-9999px; overflow:hidden; }
div.jsSelect .itemList .bg_lt { width:400px; height:300px; font-size:0; line-height:0; background:url(/dkfair/ko/assets/images/content/bg_select_on.gif) no-repeat 0 0; position:absolute; top:0; left:0; }
div.jsSelect .itemList .bg_rt { width:35px; height:300px; font-size:0; line-height:0; background:url(/dkfair/ko/assets/images/content/bg_select_on.gif) no-repeat 100% 0; position:absolute; top:0; right:0; }
div.jsSelect .itemList .bg_lb { width:400px; height:35px; font-size:0; line-height:0; background:url(/dkfair/ko/assets/images/content/bg_select_on.gif) no-repeat 0 100%; position:absolute; bottom:0; _bottom:-1px; left:0 }
div.jsSelect .itemList .bg_rb { width:35px; height:35px; font-size:0; line-height:0; background:url(/dkfair/ko/assets/images/content/bg_select_on.gif) no-repeat 100% 100%; position:absolute; bottom:0; _bottom:-1px; right:0 }
div.jsSelect .itemList ul { max-height:120px; overflow:auto; overflow-x:hidden; position:relative; z-index:10}
div.jsSelect .itemList ul li { padding:0 0 0 1px; border-bottom:1px solid #ccc}
div.jsSelect .itemList ul li a { display:block; padding:5px 10px}
div.jsSelect .itemList ul li a:hover { background-color:#23408f; color:#fff; }

/**********************************************/
/******************* [btn] ********************/
/**********************************************/

input[type="button"] {cursor:pointer}

div.btn_block_r {position:absolute; right:0; }
a.btn_take {display:inline-block; background:url(/dkfair/ko/assets/images/content/btn/btn_bg_takeover.gif) no-repeat 0 0 ; width:110px; height:30px; padding-top:12px; text-align:center;color:#fff; font-weight: 600; font-size:15px; font-family:'Nanum Gothic';}
a.cancel {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_search.gif) no-repeat 0 0 ; width:85px; height:24px;padding-top:6px; text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none;  letter-spacing:-0.02em; display:inline-block}

input.submit {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_takeover.gif) no-repeat 0 0 ; width:110px; height:42px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top; cursor:pointer}
input.submit2 {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_takeover_long.gif) no-repeat 0 0 ; width:201px; height:42px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top; cursor:pointer }
input.search {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_search.gif) no-repeat 0 0 ; width:85px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top}
input.search2 {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_search_long.gif) no-repeat 0 0 ; width:101px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top; letter-spacing:-0.02em}
input.search3 {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_takeover_300x30.png) no-repeat 0 0 ; width:300px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top; letter-spacing:-0.02em}
input.search4 {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_takeover_130x30.png) no-repeat 0 0 ; width:130px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top; letter-spacing:-0.02em}
input.btn_tbl {background-color:#6c6c6c; color:#fff; height:30px; width:105px; text-align:center; border:none; font-family:'Nanum Gothic'; font-size:14px}
input.btn_basic {background-color:#6c6c6c; color:#fff; height:30px; width:105px; text-align:center; border:none; font-family:'Nanum Gothic'; font-size:14px}
input.btn_basic2 {background-color:#6c6c6c; color:#fff; height:30px; width:155px; text-align:center; border:none; font-family:'Nanum Gothic'; font-size:14px}
input.btn_zip {background:#6c6c6c url(/dkfair/ko/assets/images/content/ico_arrow.gif) no-repeat 97px 12px; color:#fff; height:30px; width:110px; text-align:left; text-indent:10px;border:none; font-family:'Nanum Gothic'; font-size:14px}

div.btn_block_c {text-align:center; margin-top:30px}
input.submit+a.btn_take {margin-left:5px}
input.btn_tbl+input.btn_tbl{margin-top:7px}
a.btn_take+a.btn_take {margin-left:5px}

div.btn_board_r {text-align:right; margin-top:15px}

/* 다운로드 버튼 */
a.btn_download {display:inline-block; color:#555; font-size:13px; border:1px solid #bdbbbb; border-bottom:2px solid #bdbbbb; padding:7px; background-color:#fbfafa; margin:5px 10px}
a.btn_download span {border-right:1px solid #d3d2d2; padding:2px 6px 5px 3px; margin-right:4px}
a.btn_download span img{vertical-align:middle}

/**********************************************/
/******************* [tab] ********************/
/**********************************************/

/* 탭 */
ul.tab {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-size:15px;font-weight:bold}
ul.tab li { width:185px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; margin-right:-1px}
ul.tab li:first-child {margin-right:-1px} 
ul.tab li a{display:block; padding-top:12px;height:31px;}
ul.tab li a:link { width:185px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tab li a:visited { width:185px; float:left; color:#333; display:block; }
ul.tab li.on { width:185px; float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}

/* 탭(심사위원소개) */
ul.tab_art {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-weight:bold;font-size:15px}
ul.tab_art li { width:145px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; margin-right:-1px}
ul.tab_art li a{display:block; padding-top:12px;height:31px;}
ul.tab_art li a:link { width:145px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tab_art li a:visited { width:145px; height:41px; padding-top:12px;float:left; color:#333; display:block; }
ul.tab_art li.on {float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}
ul.tab_art li.long {width:182px; text-align:center; line-height:18px}
ul.tab_art li.long a{display:block; height:38px; padding-top:5px;}
ul.tab_art li.long a:link { width:182px ;height:38px; padding-top:5px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tab_art li.long a:visited { width:182px;height:38px;  float:left; color:#333; display:block }

ul.tab_art li.long2 {width:235px; text-align:center; line-height:15px;}
ul.tab_art li.long2 a{display:block; height:38px;padding-top:5px; }
ul.tab_art li.long2 a:link { width:235px ;height:38px; float:left; padding-top:5px; font-size:15px; display:block; color:#333;  }
ul.tab_art li.long2 a:visited { width:235px;height:38px; float:left; color:#333; display:block }

/**********************************************/
/******************* [popup] ******************/
/**********************************************/

/* 우편번호 찾기 */
div.zipcode {width:614px; height:369px; background-color:#fff;  border:1px solid #d2d2d2;}
h4.tit_zip {background:url(/dkfair/ko/assets/images/content/bg_zipcode.gif) repeat 0 0; color:#fff; font-size:15px; line-height:50px; padding-left:25px; }
div.zip{text-align:center; padding:40px;position:relative }
div.zip p{color:#555; line-height:20px; font-size:14px}
a.btn_close {background:url(/dkfair/ko/assets/images/content/btn/btn_close.gif) no-repeat 0 0; width:19px; height:19px; display:block; position:absolute; top:-35px;right:25px; text-indent:-9999px}

div.search_form {margin-top:20px}
div.search_form span {font-size:15px; font-family:'Nanum Gothic'; color:#555}

/* 학교명 찾기 */
div.school_name {width:614px; height:500px; background-color:#fff;  border:1px solid #d2d2d2;}
div.school{text-align:left; padding:40px;position:relative }
p.info_popup+div.tbl_vertical {margin-top:10px}
h5.school_search {font-size:15px; color:#555;margin-top:30px; padding-bottom:10px; border-bottom:1px solid #d9d9d9; margin-bottom:15px; }
ul.school_list {height:100px; overflow-y:scroll; overflow-x:hidden ;}
ul.school_list li {font-size:14px; color:#555; margin-top:10px; padding-left:14px; background:url(/dkfair/ko/assets/images/content/ico_lnb_bar.gif) no-repeat 0 7px}
ul.school_list li:first-child {margin-top:0}
ul.school_list+p.info_popup{margin-top:10px}

/* 접수확인 비밀번호찾기 */
div.popup_frame {width:100%; height:300px; background-color:#fff;  border:1px solid #d2d2d2;}
div.popup_frame3 {width:800px; min-height:300px; background-color:#fff;  border:1px solid #d2d2d2;}
div.tbl_vertical+p.info_popup2 {margin-top:12px}
p.info_popup2+div.btn_block_c {margin-top:26px}

/* 비밀번호 입력 */
div.popup_frame2 {width:514px; height:250px; background-color:#fff;  border:1px solid #d2d2d2;}

/* 2024-06-07 모달팝업 추가 */
/* 알림 팝업 */
div.popup_frame4 {
    position: fixed;
    top: 50%;
    left: calc(50% + 128px);
    transform: translate(-50%, -50%);
    min-height:190px; 
    background-color:#fff;  
    border:1px solid #d2d2d2;
    z-index: 99;
}
div.popup_frame4 .school {
    text-align: center;
}
div.popup_frame4 .school .info_context > p {
    font-size: 14px;
    font-weight: 700;
    color: #555;
}
.popup_bg {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    background-color: transparent;
}
/* // 2024-06-07 모달팝업 추가 */


/********************************************************** 22회 아동문학대전 **********************************************************/

/* 운영위원 소개 */
h3.tit_member {font-size:17px; color:#555; font-weight:normal;letter-spacing:-0.03em; background:url(/dkfair/ko/assets/images/content/ico_tit_bar.gif) no-repeat 0 center; padding-left:15px; margin-bottom:17px}
span.member_name {display:inline-block; background:url(/dkfair/ko/assets/images/content/bg_txt_line.gif) repeat 0 0; color:#fff; font-weight:bold; font-size:19px;  line-height:25px; padding:0 2px}
div.member_box {position:relative; overflow:hidden}
ul.list_profile {padding-left:140px; display:table-cell ;height:150px;vertical-align:bottom; }
ul.list_profile li{background:url(/dkfair/ko/assets/images/content/ico_list_profile.gif) no-repeat 0 10px; padding-left:10px; color:#555; font-size:14px; line-height:20px; letter-spacing:-0.02em}
img.photo_profile {position:absolute; top:0; left:0}
p.list_profile {padding-left:140px; display:table-cell ;height:150px;vertical-align:bottom; }
p.list_profile span{color:#555; font-size:14px; line-height:20px; letter-spacing:-0.02em}

/* 23회 운영위원 소개 */
p.list_profile2 { display : table-cell; vertical-align : bottom; }


/* 연혁 */

/* 공모요강 */
ul.tabs {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-weight:bold}
ul.tabs li { width:150px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; }
ul.tabs li:first-child {margin-right:-1px} 
ul.tabs li a{display:block}
ul.tabs li a:link { width:150px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tabs li a:visited { width:150px; float:left; color:#333; display:block; }
ul.tabs li.active { width:150px; float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}
ul.tabs li.active a:link { width:150px;float:left; font-size:15px; display:block; }

ul.tabs2 {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-weight:bold}
ul.tabs2 li { width:185px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; }
ul.tabs2 li a{display:block}
ul.tabs2 li a:link { width:185px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tabs2 li a:visited { width:185px;height:31px; padding-top:12px;  float:left; color:#333; display:block; }
ul.tabs2 li.active { width:185px; float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}
ul.tabs2 li.active a:link { width:185px;float:left; font-size:15px; display:block; }

ul.tabs3 {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-weight:bold}
ul.tabs3 li { width:220px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; }
ul.tabs3 li a{display:block}
ul.tabs3 li a:link { width:220px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tabs3 li a:visited { width:220px;height:31px; padding-top:12px;  float:left; color:#333; display:block; }
ul.tabs3 li.active { width:220px; float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}
ul.tabs3 li.active a:link { width:220px;float:left; font-size:15px; display:block; }

ul.tabs4 {  height:45px; width:768px; letter-spacing:-0.02em; font-family:nanum; border-bottom:1px solid #d2d2d2; margin-bottom:-1px; font-weight:bold}
ul.tabs4 li { width:253px; height:43px; float:left; text-align:center; border:1px solid #d2d2d2; border-top:2px solid #777; background-color:#f6f6f6; }
ul.tabs4 li:first-child {margin-right:-1px} 
ul.tabs4 li a{display:block}
ul.tabs4 li a:link { width:253px; height:31px; padding-top:12px;float:left;  font-size:15px; display:block; color:#333;  }
ul.tabs4 li a:visited { width:253px; float:left; color:#333; display:block; }
ul.tabs4 li.active { width:253px; float:left; font-size:15px; display:block; border-top:2px solid #23408f;background-color:#fff; border-bottom:1px solid #fff;}
ul.tabs4 li.active a:link { width:253px;float:left; font-size:15px; display:block; }

div.tab_container {clear:both;padding-top:50px; position:relative}
.btn_po26 {top:26px}
div.tbl_basic+h4.stit_check {margin-top:30px}
div.tbl_basic1+h4.stit_check {margin-top:30px}
p.sub_text+h4.stit_check {margin-top:18px}
ul.sub_text {margin-left:23px}
ul.sub_text li {background:url(/dkfair/ko/assets/images/content/ico_list_profile.gif) no-repeat 0 12px; padding-left:10px; color:#404040; font-size:14px; line-height:20px; letter-spacing:-0.02em}

p.info+h4.stit_check {margin-top:20px} 
p.sub_text+p.info {margin-top:20px}
/*  간격 */
ul.sub_text+p.info {margin-top:20px}
p.info+h3.stit {margin-top:50px}
dl.dl_check+h3.stit {margin-top:30px}
h4.stit_check+h3.stit,ul.sub_text+h3.stit,div.tbl_basic+h3.stit,div.tbl_basic1+h3.stit,div.tbl_vertical+h3.stit {margin-top:50px}
ul.sub_text+h4.stit_check {margin-top:17px}
ul.sub_text+div.tbl_basic {margin-top:15px}
div.tbl_basic+ul.sub_text {margin-top:11px}
div.tbl_basic+p.info {margin-top:50px; margin-bottom:15px; padding-left:0}


dl.dl_check dt {font-size:15px; color:#404040; font-weight:100; padding-left:23px;  background:url(/dkfair/ko/assets/images/content/ico_blet_check.gif) no-repeat 0 0; line-height:20px; display:inline-block }
dl.dl_check dt p{width:70px; text-align:justify}
dl.dl_check dd {font-size:14px; color:#404040; line-height:20px;display:inline-block; width:670px; margin-bottom:15px;}
dl.dl_check dd.info {padding-left:23px;margin-top:-15px; color:#23408f;} 

ol.list_number {margin-left:20px; font-size:14px}
ol.list_number li{ list-style:decimal; line-height:20px}

ul.list_circle li{background-image:none; margin-left:-20px}


/********************************************************** 온라인 접수 **********************************************************/

/* 아동문학상 접수 */
h3.blind+div.tbl_vertical {clear:both; margin-top:50px}
h3.blind+div.tbl_vertical .reg_no {font-weight:lighter}
h3.blind+div.tbl_vertical .reg_no span {color:#d1001f; font-weight:bold}
div.tbl_chk_AppType1 {margin-top:50px}


/* 체크리스트 */
div.tbl_vertical+ul.list_check {margin-top:30px}
ul.list_check li {font-size:15px; color:#333; font-weight:100; padding-left:23px; background:url(/dkfair/ko/assets/images/content/ico_blet_check.gif) no-repeat 0 0; line-height:20px; margin-top:20px}
ul.list_check li:first-child {margin-top:0}

ul.list_check+h3.stit {margin-top:50px} 



/* 작품접수 */
span.tbl_info {font-size:14px; padding-left:15px; margin-top:5px; display:inline-block; background:url(/dkfair/ko/assets/images/content/ico_blet_info.gif) no-repeat 0 4px }
div.tbl_vertical+div.tbl_vertical {margin-top:50px}

/* 개인접수 */
h3.blind+h3.stit {margin-top:50px}
div.btn_addbox {position:absolute; bottom:10px;right:10px; width:105px}
div.tbl_vertical+p.info_check{margin-top:15px}
span.btn_tbl {background-color:#6c6c6c; color:#fff; height:22px; width:90px; text-align:center; border:none; font-family:'Nanum Gothic'; font-size:12px; display:inline-block}

/* 단체접수 */
p.info_check+div.tbl_vertical {margin-top:15px}

/********************************************************** 문의하기 **********************************************************/

div.search_layer {float:right; margin-bottom:15px }
span.qna_1 {border:2px solid #868686; display:inline-block; padding:1px 5px; color:#868686}
span.qna_2 {border:2px solid #868686; color:#fff; background-color:#969696; display:inline-block; padding:1px 5px}

/* 20170927 추가 */
.qna_top {width:100%;}
.qna_top:after {content:""; display:block; clear:both; visibility:hidden;}
.qna_top div.search_form {margin-top:0 !important;}
.qna_top .txt_question {float:left;}
.qna_top .txt_question dt {display:inline-block; height:23px; vertical-align:top; padding-right:5px;}
.qna_top .txt_question dd {display:inline-block; height:23px; line-height:23px; vertical-align:top;}
/* 20170927 추가 끝 */

/* page */
div.page {text-align:center; font-size:12px; color:#555}
div.page strong{font-weight:bold; color:#000;padding:3px 6px; border:2px solid #555}
div.page span.num a{padding:0 10px 0 10px}
div.page span.num a:hover{color:#000}
div.page span.left {padding-right:5px}
div.page span.left img{ vertical-align:middle}
div.page span.left a{padding:0 3px 0 2px}
div.page span.right img{ vertical-align:middle}
div.page span.right a{padding:0 2px 0 3px}
div.page span.right {padding-left:5px}

/********************************************************** 부대행사 **********************************************************/

ul.tab+div.event {margin-top: 50px}
div.event {text-align:center}
div.event+div.tbl_vertical {margin-top:40px}


/* 김현철의 키즈팝 */
div.event_kids {}
div.event_kids h3 {margin-bottom:25px}
div.event_kids div.mov {float:left; margin-bottom:20px; width:768px}
div.event_kids div.mov div.mov_text {width:190px; float:right; font-size:15px; color:#555}
div.event_kids div.mov div.mov_text strong{ font-weight:bold; font-size:16px; color:#333; line-height:20px }
div.event_kids div.mov div.mov_text span.point {color:#fff; background-color:#ff9d9d}
div.event_kids div.mov div.mov_text p+p {padding-top:22px; line-height:20px}
div.event_kids div.mov div.youtube {width:560px}

div.event_kids div.mov div.youtube {float:left; }
div.poem { clear:both; background:url(/dkfair/ko/assets/images/content/bg_kidspop.gif) no-repeat 0 0; width:766px; height:790px; padding-top:30px; border:1px solid #d2d2d2} 
div.poem p{text-align:left; padding-left:100px; color:#333; font-size:15px; line-height:20px}
div.poem p strong {color:#ff5252; font-weight:bold; font-size:17px}
div.poem p span {font-size:14px}


/********************************************************** 수상자와 작품 *************************************************/

/* 당선작 안내 */

div.tbl_basic+p.text {margin-top:23px; margin-bottom:24px}
div.tbl_basic1+p.text {margin-top:23px; margin-bottom:24px}
p.info_blue {color:#23408f; font-size:14px}
ul.list_check+p.info_blue {margin-top:50px}
p.info_blue+h3.stit {margin-top:15px}

p.info_red {color:#fd3333; font-size:14px}
p.info_red_1 {color:#fd3333; font-size:14px;padding-left:15px;}


/* 심사위원 소개 &amp; 심사평내 */

ul.tab_art+div.sim_bg {clear:both; margin-top:50px; height:240px}
ul.tab_art+h3.stit {clear:both; margin-top:50px; }
p.sim+p.sim {margin-top:13px}
h3.stit+h3.tit_member{margin-top:27px} 

img.sim_text {margin-top:32px}

.bg_sim_1 { background:url(/dkfair/ko/assets/images/content/bg_sim_1.gif) no-repeat 100% 0}
.bg_sim_2 { background:url(/dkfair/ko/assets/images/content/bg_sim_2.gif) no-repeat 100% 70px}
.bg_sim_3 { background:url(/dkfair/ko/assets/images/content/bg_sim_3.gif) no-repeat 95% 0}
.bg_sim_4 { background:url(/dkfair/ko/assets/images/content/bg_sim_4.gif) no-repeat 100% 0}
.bg_sim_5 { background:url(/dkfair/ko/assets/images/content/bg_sim_5.gif) no-repeat 100% 0}
.bg_sim_6 { background:url(/dkfair/ko/assets/images/content/bg_sim_6.gif) no-repeat 100% 0}
/* 2016.06.14 추가 CSS */
.bg_sim_7 { background:url(/dkfair/ko/assets/images/content/bg_sim_7.gif) no-repeat 100% 0px}
.bg_sim_8 { background:url(/dkfair/ko/assets/images/content/bg_sim_8.gif) no-repeat 100% 0px}


/* 약관동의 */
.agree_box {color:#555;/*border:1px solid #d2d2d2; */padding:20px; margin-top:10px; margin-bottom:10px; height:120px; background-color:#f2f2f2; overflow-x:hidden; overflow-y:scroll; font-size:15px}
.agree_btn {font-size:14px; margin-bottom:30px; color:#555; text-align:right}

p.sim+h4.stit_check {margin-top:20px}
div.tbl_vertical+ul.list_pr {margin-top:30px; margin-bottom:20px}
ul.list_pr {background-color:#A6E757; padding:15px}
ul.list_pr li{font-size:14px; font-weight:bold; color:#555; line-height:20px}

/* 당첨자 리스트 */
div.box_block {margin-top:15px}
div.box {width:250px; float:left}
div.box+div.box {margin-left:9px} 

/* 20170628 공무전 접수확인증 */
.popup_print {position:relative; background-color:#fff;  border:1px solid #d2d2d2;}
.popup_print .tit_print {background:url(/dkfair/ko/assets/images/content/bg_zipcode.gif) repeat left top; color:#fff; font-size:15px; padding:25px; text-align:center;}
.popup_print .tit_print .tit_sub {padding-top:5px; font-size:20px;}
.popup_print div.school {position:static;}
.popup_print div.school a.btn_close {top:25px; top:25px;}
.popup_print div.tbl_vertical th {text-align:center !important;}
.popup_print .tb_txtsm {font-size:13px; padding-top:10px;}
.popup_print .tb_teltxt li:first-child {padding-top:0;}
.popup_print .tb_teltxt li {padding-top:5px;}
.popup_print input.editBtn {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_search.gif) no-repeat 0 0 ; width:85px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top}
.popup_print input.printBtn {background:url(/dkfair/ko/assets/images/content/btn/btn_bg_search.gif) no-repeat 0 0 ; width:85px; height:30px;  text-align:center;color:#fff; font-size:15px; font-family:'Nanum Gothic'; border:none; vertical-align:top}


/* 0526_아동문학대전 사이트 수정 요청 : 추가시작 */
ul.tabs li {margin-left: -1px;}
/* 0526_아동문학대전 사이트 수정 요청 : 추가끝 */


.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.stit_check input.btn_basic {
  display: inline-block;
  margin-top: -4px;
}

.stit_check input.btn_basic2 {
  display: inline-block;
  margin-top: -4px;
}

.rdoPrivateOne + .rdoPrivateOne {
  margin-left: 10px;
}

.book-list::after {
  content: '';
  display: block;
  clear: both;
}

.book-list li {
  float: left;
  width: 50%;
}

.book-list img,
.book-list p {
  display: inline-block;
  vertical-align: bottom;
}

.book-list p {
  color: #555;
  font-size: 14px;
  margin-left: 5px;
}

.txt-list {
  padding-left: 24px;
}

.txt-list li {
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.radio-book {
  padding: 5px 20px;
  text-align: left;
  white-space: nowrap;
}

.radio-book .book-box {
  margin-bottom: 10px;
}

.radio-book .book-box img,
.radio-book .book-box p {
  display: inline-block;
  vertical-align: bottom;
}

.radio-book .book-box p {
  margin-left: 5px;
}

.radio-book input {
  margin-left: 68px;
}

.dl_list {
	margin-top: 10px;
	line-height: 20px;
}

.dl_list > dd > ul > li {
	text-indent: -10px;
	padding-left: 10px;
}

div.tbl_vertical td.bdnone {
	border-left: none;
}

.part_info {
	overflow: hidden;
	margin-top: -10px;
}

.part_info > li {
	float: left;
	width: 270px;
	margin-top: 15px;
}

.part_info > li.w1 {
	width: 195px;
}

.part_info > li.w2 {
	width: 600px;
}

.part_info > li .input {
	width: 180px;
	height: 24px;
	font-size: 14px;
	border: 0;
	border-bottom: 1px solid #555;
}

ul.list_check.chk_App1 {
	margin-bottom: 50px;
}

.aw_list {
	margin: 20px 0 40px 10px;
	line-height: 20px;
}

.last_boxtxt {
	margin-top: -1px;
	padding: 20px;
	font-size: 15px;
	line-height: 20px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background-color: #f6f6f6;
}

.last_boxtxt > p {
	font-weight: bold;
	color: #333;
	font-size: 17px;
	margin-bottom: 15px;
}

.last_boxtxt > ul > li {
	color: #555;
	text-indent: -10px;
	padding-left: 10px;
	margin-top: 8px;
}

.last_boxtxt > ul > li.s {
	text-indent: 0;
	padding-left: 0;
}

.last_ckbox {
	text-align: center;
	margin-top: 20px;
}

.last_ckbox label {
	font-weight: bold;
	color: #333;
	font-size: 15px;
}


.faq_wrap .title {
	color: red;	
	font-size: 17px;
	margin-bottom: 13px;
	letter-spacing: -0.02em;
	font-family: 'Nanum Gothic';
}

.faq_wrap .tab_content {
	display: none;
}

.faq_wrap .tab_content.active {
	display: block;
}

.faq_wrap .tab_content > ul {
	border-top: 2px solid #777;
	font-size: 15px;
}

.faq_wrap .tab_content > ul > li {
	border-bottom: 1px solid #d2d2d2;
}

.faq_wrap .tab_content > ul .h_box {
	padding: 15px;
}

.faq_wrap .tab_content > ul .h_box > a {
	display: inline-block;
	cursor: default;
	font-weight: bold;
	color: #333;
	text-indent: -20px;
	padding-left: 20px;
	word-break: keep-all;
}

.faq_wrap .tab_content > ul .c_box {
	margin-bottom: 10px;
	padding: 15px;
	color: #333;
	word-break: keep-all;
	background-color: #f6f6f6;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

.faq_wrap .tab_content > ul .color_point1 {
	color: red;
}

.faq_wrap .tab_content > ul + .title {
	margin-top: 30px;
}

/********************************************************** 개인정보처리방침 **********************************************************/
/* 20241017 개인정보처리방침 */
.ml5 {
	margin-left: 5px;
}
.txt_bold {
	font-weight: bold;
}
.pg_policy {
	margin-left: 255px;
}
.btn_policy a {
	font-weight: bold;
	text-decoration: none;
}
.top_policy_txt {
	font-size: 17px;
	line-height: 30px;
	color: #333;
}
.policy_menu {
	margin-top: 30px;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	color: #333;
}
.policy_content {
	margin-top: 40px;
	font-size: 15px;
}
.policy_title {
	font-weight: bold;
	margin-bottom: 17px;
	color: #333;
}
.policy_txt {
	line-height: 24px;
	color: #555;
}
.policy_inner_txt {
	margin-top: 15px;
}
.ds_flex {
	display: flex;
}
.tbl_policy {
	height: 100%;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 1px;
	text-align: left;
	margin: 15px 0;
	border-top: 2px solid #555;
}
.tbl_policy caption {
	caption-side: top;
	text-align: left;
}
.tbl_policy th {
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background-color: #f6f6f6;
	color: #555555;
	padding: 9px 15px;
	text-align: center;
	font-weight: bold;
}
.tbl_policy th:last-child {
	border-right: none;
}
.tbl_policy td {
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	background-color: #ffffff;
	color: #555555;
	padding: 9px 0;
	text-align: center;
	line-height: 20px;
}
.tbl_policy td:last-child {
	border-right: none;
}
.tbl_txtlf {
	text-align: left !important;
	padding: 9px 15px !important;
}
/* 20241017 개인정보처리방침 */