@charset "utf-8";


@font-face {
	font-family: 'Nanum Barun Gothic';
	src: url('../font/NanumBarunGothic-YetHangul.eot');
	src: local("☺"),
		url('../font/NanumBarunGothic-YetHangul.woff') format('woff'),
		url('../font/NanumBarunGothic-YetHangul.ttf') format('truetype'),
		url('../font/NanumBarunGothic-YetHangul.ttf') format('truetype');
}
@font-face {
	font-family: 'Nanum Barun Gothic Bold';
	src: url('../font/NanumBarunGothicBold.eot');
	src: local("☺"),
		url('../font/NanumBarunGothicBold.woff') format('woff'),
		url('../font/NanumBarunGothicBoldl.ttf') format('truetype'),
		url('../font/NanumBarunGothicBold.ttf') format('truetype');
}

@font-face {
	font-family: 'korean-webfont';
	src: url('../font/korean_dic.eot');
	src: local("☺"),
		url('../font/korean_dic.ttf') format('truetype');
 src: url('../font/korean_dic.ttf');
    src: local("국어사전비표준문자"), url('../font/korean_dic.ttf') format('truetype'), url('../font/korean_dic.eot');
}

span.korean-webfont
{
    font-size: 14px;
    font-family: korean-webfont;
}

/* ----------------------------------------------------------------
 Reset
 -----------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav, menu,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var {margin:0;padding:0;}

body, input, button, select, textarea, sub {font-family:'Nanum Barun Gothic','New Gulim','새굴림',sans-serif;}

img, input, button, select, textarea {vertical-align:middle;}
ul, ol {list-style:none;}
img {border:0;}
fieldset {border:0;}

abbr, acronym {cursor:help;border-bottom:1px dotted black;}
table {border-collapse:collapse;border-spacing:0;}/* border-collapse: collapse; ff에서 border="0" 인 경우 문제 발생 */

legend, hr {overflow:hidden;position:absolute;top:0;left:0;}
legend, hr, caption {visibility:hidden;font-size:0;width:0;height:0;line-height:0;margin:0;padding:0;}

input, button {border:none;background:none;}
strong {font-family:'Nanum Barun Gothic bold' !important;}

* {padding:0px;margin:0px;}

a:link, a:visited, a:hover, a:focus, a:active {color:#666;text-decoration:none;}


/* ----------------------------------------------------------------
 Form
 -----------------------------------------------------------------*/
.fll {float:left !important;}
.fln {float:none !important;}
.flr {float:right !important;}

.tal {text-align:left !important;}
.tar {text-align:right !important;}
.tac {text-align:center !important;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vabl {vertical-align:baseline;}

.wordb_ba{word-break:break-all;}

a.color_blue, .color_blue {color:#3082d6 !important;}
a.color_red, .color_red {color:#FF0000 !important;}

sup {vertical-align:top;line-height:18px;margin-left:1px;font-size:14px !important;}

/*clear*/
.group:before,.group:after {content: "";display:table;}
.group:after {clear:both;}
.group {zoom:1;}

/* text */
.hidText{position:absolute;left:-1000px;top:auto;width:1px;height:1px;overflow:hidden;}

.p0 {padding:0px !important;}
.p5 {padding:5px !important;}
.p10 {padding:10px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}

.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}

.m0 {margin:0px !important;}
.m5 {margin:5px !important;}
.m10 {margin:10px !important;}

.mt0 {margin-top:0px !important;}
.mt4 {margin-top:4px !important;}
.mt5 {margin-top:5px !important;}
.mt8 {margin-top:8px !important;}
.mt9 {margin-top:9px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.mr0 {margin-right:0px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr7 {margin-right:7px !important;}
.mr10 {margin-right:10px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb18 {margin-bottom:18px !important;}

.ml0 {margin-left:0px !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}

.w70px {width:70px !important;}
.w120px {width:120px !important;}
.w23f {width:23% !important;}
.w25f {width:25% !important;}
.w32f {width:32% !important;}
.w50f {width:50% !important;}
.w95f {width:95% !important;}
.w100f {width:100% !important;}


/* ----------------------------------------------------------------
Input
 -----------------------------------------------------------------*/
input[type=text],
input[type=password],
input[type=number] {font-size:15px;height:40px;line-height:38px;padding-left:15px;color:#666;border:1px solid #ccc;background:#fff;border-radius:3px;
	-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:20px;
}

input[type=text]:disabled,
input[type=password]:disabled,
input[type=number]:disabled {background:#f4f4f4;border-color:#f4f4f4;}

::-webkit-input-placeholder {color:#aaa !important;} 
:-webkit-input-placeholder {color:#aaa !important;}
::-moz-placeholder {color:#aaa !important;}
:-moz-placeholder {color:#aaa !important;}
:-ms-input-placeholder {color:#aaa !important;}

input.white{text-align:center;height:27px;padding:5px !important;border-radius:0;}
select {font-size:15px;color:#666;border:1px solid #ccc;padding-left:6px;}
select, input {height:27px;font-size:14px;line-height:25px;background:#fff;}

/* ----------------------------------------------------------------
 Button
 -----------------------------------------------------------------*/
a.btn, button.btn, input.btn {display:inline-block;height:40px;line-height:38px;padding:0 20px;font-size:15px;text-align:center;border-radius:3px;cursor:pointer;font-family:'Nanum Barun Gothic bold';}
a.aBrown_under {color:#483ff2;text-decoration:underline;}
.btn_allmost {position:relative;display:inline-block;font-size:13px;height:18px;line-height:18px;border:1px solid #9c8a7f;color:#9c8a7f !important;border-radius:2px;padding:0 13px 0 5px;box-sizing:border-box;}
.btn_allmost:after {content:"";position:absolute;top:5px;right:5px;width:3px;height:12px;background:url(/images/button/arr_allmost_brown.png) no-repeat;}

/* btn */
.btnS {position:relative;display:inline-block;font-size:13px;height:22px;line-height:21px;color:#807a7a !important;border:1px solid #807a7a;padding:0px 7px 0 20px;border-radius:2px;box-sizing:border-box;}
a.btn_search_list.on{background:url(/images/common/check_on.gif) no-repeat 5px 5px;color:#333 !important;border:1px solid #333;}
a.btn_search_list.off{background:url(/images/common/check_off.gif) no-repeat 5px 5px;}
a.btn_search_view.on{background:url(/images/common/check_on.gif) no-repeat 5px 5px;color:#333 !important;border:1px solid #333;}
a.btn_search_view.off{background:url(/images/common/check_off.gif) no-repeat 5px 5px;}
.btnS.btn_wordbook {padding-left:22px;}
a.btn_wordbook {background:url(/images/icon/icon_addvoca.png) no-repeat 7px 4px;}

/*checkbox*/
input[type="checkbox"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
input[type="checkbox"] + label {display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; }
input[type="checkbox"] + label:before {content: ' ';display:inline-block;width:13px;height:13px;line-height:13px;margin:-2px 8px 0 0; text-align:center;vertical-align:middle;border:1px solid #ccc;}
input[type="checkbox"]:checked + label:before {border-color: #aaa;background:url(../images/common/bg_checkbox_chk.png) no-repeat center center;background-size:15px 15px;}

/*radio*/
.checks {position: relative;} 
.checks input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks input[type="radio"] + label { display: inline-block; position: relative; padding-left:23px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
.checks input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 6px; width: 13px; height: 13px; text-align: center; background:#fff; border: 1px solid #ccc; border-radius: 100%;} 
.checks input[type="radio"]:checked + label:before { background:#fff;border-color:#aaa;} 
.checks input[type="radio"]:checked + label:after { content: ''; position: absolute; top:9px; left: 3px; width: 9px; height: 9px; background: #666; border-radius: 100%; }



a.btnS.move:before {content:"";position:absolute;left:6px;top:5px;width:9px;height:11px;background:url(../images/common/btnS_icon.png) no-repeat 0 0;}
a.btnS.copy:before {content:"";position:absolute;left:6px;top:5px;width:10px;height:11px;background:url(../images/common/btnS_icon.png) no-repeat -30px 0;}
a.btnS.del:before {content:"";position:absolute;left:6px;top:5px;width:11px;height:11px;background:url(../images/common/btnS_icon.png) no-repeat -60px 0;}
a.btnS.add:before {content:"";position:absolute;left:7px;top:5px;width:7px;height:11px;background:url(../images/common/btnS_icon.png) no-repeat -90px 0;}
a.btnS.delTx {width:25px;padding:0;}

.btn_type1 {position:absolute;right:18px;bottom:0;font-size:13px;height:22px;line-height:21px;color:#3082d6 !important;border:1px solid #3082d6;padding:0px 15px 0px 5px;border-radius:2px;box-sizing:border-box;}
a.more_blue{background:url(/images/common/dot_blue_m.png) no-repeat 48px 8px;}
a.more_blue.on{background:url(/images/common/dot_blue_d.png) no-repeat 32px 8px;}

a.btn_example {display:inline-block;font-size:13px;height:22px;line-height:21px;color:#3082d6;border:1px solid #3082d6;padding:0px 15px 0px 5px;
	background:url(/images/common/dot_blue_m.png) no-repeat 59px 8px; border-radius:2px;box-sizing:border-box;}
a.btn_example.on {background:url(/images/common/dot_blue_d.png) no-repeat 59px 8px;}

a.btn_brown {float:right;font-size:13px;color:#3082d6;}
a.btn_brown:after {content:"";display:inline-block;width:3px;height:5px;background:url(/images/common/dot_blue.png) no-repeat;vertical-align:top;margin-left:7px;margin-top:7px;}

.btn_center{text-align:center; margin:15px 0;}
a.btn_m_list {display:inline-block; background:#77655a; padding:6px 0; font-size:13px; margin-right:10px; color:#fff; border-radius:2px; border:1px solid #77655a; width:100px; text-align:center;}

a.btn_graybox {display:inline-block;float:right;height:27px;line-height:25px;border:1px solid #ccc;background:#f4f4f4;color:#797979;font-weight:normal;font-size:14px;text-align:center;
	padding:0 15px;border-radius:4px;box-sizing:border-box;}

a.word_num {display:inline-block;height:27px;line-height:25px;border:1px solid #f4f4f4;background:#f4f4f4;text-align:center;font-size:14px;padding:0 8px; border-radius:3px;
	margin-right:5px !important;box-sizing:border-box;}
a.word_num.on {border:1px solid #222;background:#fff;color:#222;}

a.icon{display:inline-block;float:left; margin-right:5px;}
a.btn_search{display:block;text-align:center;background:#77655a;color:#fff;padding:7px 0;margin:0 auto;border-radius:3px;box-sizing:border-box;}

.btn.type1, .btnS.type1{background:#77655a;color:#fff;}
.btn.type2, .btnS.type2{background:#aaa;color:#fff;}

a.bnt_go {display:inline-block;text-align:center;border:1px solid #9c8a7f;color:#9c8a7f;padding:3px 20px 3px 10px;border-radius:3px;background:url(/images/common/icon-arrow3.png) no-repeat 175px 10px;
	font-size:13px;box-sizing:border-box;}

a.my_tab {width:100%;display:block;background:#f6f5f3;border:1px solid #e4e0d7;padding:10px 0px;text-align:center;font-family:'Nanum Barun Gothic bold';position:relative;}
a.my_tab:after {content:'';display:inline-block;width:9px;height:9px;background:url(../images/common/bullet_arrowdown3.png) no-repeat;vertical-align:0px;margin-left:5px;}


/* ----------------------------------------------------------------
 Layout
 -----------------------------------------------------------------*/
html,body {width:100%;height:100%;font-size:15px;line-height:22px;font-family:'Nanum Barun Gothic', 'sans-serif';color:#666;}
body {word-wrap:break-word;word-break:keep-all;}

#wrap_bg {position:relative;width:100%;min-height:100%;background:#f8f8f0 url(/images/common/m_bg_m.gif) repeat-x bottom center;border-top:5px solid #77655a;box-sizing:border-box;}
#wrap {position:relative;width:100%;min-height:100%;}

.header {position:relative;background:#f1f1ea;text-align:center;height:120px;padding:10px 15px 0;box-sizing:border-box;}
.container {position:relative;display:inline-block;width:100%;padding:20px 15px 30px;box-sizing:border-box;padding-bottom:105px;}


/* ----------------------------------------------------------------
 Search
 -----------------------------------------------------------------*/
.search_box {position:relative;width:100%;}
.search_box input {float:left;width:80%;border:1px solid #77655a;border-right:none;border-radius:3px 0px 0px 3px;}
.search_box .btn_search {display:inline-block;width:20%;margin: 0;padding:0;color:#fff;background:#77655a;border-radius:0 3px 3px 0;}

/* auto_complete */
.auto_complete {position:absolute;left:0;top:40px;width:100%;margin-top:0px;margin-left:0;z-index:1000;background:#fff;border:1px solid #b7aca5;border-top:none;border-radius:0 0 3px 3px;box-sizing:border-box;display:none;}
.auto_complete ul {padding:0;margin:10px 0;text-align:left;}
.auto_complete ul li a {display:block;padding:3px 15px;}
.auto_complete ul li a strong {color:#77655a;}
.auto_complete .info_words {margin:0 15px;color:#888;}


/* ----------------------------------------------------------------
 Login
 -----------------------------------------------------------------*/
.main_wrap,
.login_wrap {display:block;margin:90px 0 0;min-height:500px;text-align:center;padding:0 20px;}
.main_wrap h1 img,
.login_wrap h1 img {width:210px;height:auto;}
.login_wrap .login_box {margin-top:80px;}
.login_wrap .login_box input {width:100%;}
.login_wrap .login_box button {width:100%;margin-top:10px;background:#77655a;color:#fff;}

.alert_area {padding:0 0 0 20px;text-align:left;}
.alert {position:relative;width:100%;font-size:15px;}
.alert:after {position:absolute;display:inline-block;content:'';width:15px;height:15px;top:2px;left:-20px;background:url(/images/common/icon_alert_m.png) no-repeat;}


/* ----------------------------------------------------------------
 Container
 -----------------------------------------------------------------*/
.title_area {display:inline-block;width:100%;border-bottom:1px solid #52575c;padding-bottom:15px;}
.title_area h2.title {float:left;margin-top:20px;font-size:17px;font-family:'Nanum Barun Gothic bold';color:#333;letter-spacing:-0.4;}
.title_area .title_btn {float:right;}
.title_area.none {border-bottom:none;}
.title_area_view {display:inline-block;width:100%;padding-bottom:30px;}
.title_area_view .title_btn {float:right;}

.head_setting {text-align:right;margin-bottom:20px;}
a.wordbook {position:relative;display:inline-block;font-size:13px;height:22px;line-height:22px;background:url(../images/common/icon_wordbook_b.gif) no-repeat 10px 4px;border-radius:2px;
	color:#3082d6;padding:0 10px 0 30px;border:1px solid #3082d6;}

/* result_list */
.result_list {display:inline-block;padding:25px 0;color:#333;line-height:24px;}
.result_list ul li {position:relative;margin-top:30px;}
.result_list ul li:first-child {margin-top:0;}
.result_list ul .empty_result {text-align:center;}

.result_list.line {width:100%;border-top:1px solid #52575c;}

.search_result_wrap {position:relative;}
.search_result_wrap .title_area {position:absolute;right:0;top:0;width:auto;height:22px;padding:0;border:none;}
.search_result_wrap .search_result {padding-top:30px;border-top:1px solid #77655a;}
.search_result_wrap .search_result:first-child {padding-top:0;border-top:0;}
.component_entry {padding-bottom:20px;}
.component_entry .entry_title {width:100%;}
.component_entry .entry_title h2.view {width:100%;display:block;font-family:'Nanum Barun Gothic bold';font-size:24px;color:#333;line-height:30px;}
.component_entry .entry_title h2 .num {margin-left:2px;font-size:16px;line-height:15px;}
.component_entry .entry_cont {margin-top:20px;line-height:24px;color:#454545;}
.component_entry .entry_cont a {text-decoration:underline;}

/* same_page */
.same_page_wrap {display:block;text-align:right;margin-top:5px;}
.same_page {display:inline-block;height:22px;}
.same_page .same_more_btn {float:right;display:inline-block;width:16px;height:22px;background:url(/images/common/arrow_g_down_2.png) no-repeat center;margin-left:10px;}
.same_page .same_w {display:inline-block;width:50px;float:left;font-size:14px;text-align:left;height:22px;line-height:22px;}
.same_page a.num {border:1px solid #f4f4f4; background:#f4f4f4;font-size:12px;color:#a1a1a1;padding:2px 5px 0 5px;margin-left:3px;border-radius:2px;}
.same_page a.num.sel {border:1px solid #222;background:#fff;font-size:12px;color:#222;padding:2px 5px 0 5px}

.entry_default {display:table;margin-top:5px;}
.entry_default .tit {display:table-cell;width:63px;color:#333;}
.entry_default .cont a {text-decoration:underline;}
.entry_default .cont img{margin:-3px 1px 0 4px;cursor:pointer;}

h3 {display:inline-block;font-family:'Nanum Barun Gothic bold';font-size:20px;color:#333;}
h4 {font-size:18px;color:#454545;font-weight:normal;}
h5 {display:block;font-weight:200;font-size:16px;color:#111;border-bottom:1px solid #e1e1e1;padding:0px 0px 8px 0px;}
h5:before {content:"";display:inline-block;width:15px;height:15px;background:url(/images/common/dot_blue_circle.png) no-repeat;padding-right:7px;vertical-align:middle;}

.category {padding:30px 0 18px 0;display:block;border-top:1px solid #ccc;}
.category:first-child {border-top:0;}

.section {padding:15px 10px 10px 10px;}
.section .num_box {padding:3px 7px;margin-right:5px;background:#52575c;color:#fff;border-radius:3px;font-size:14px;}

.mean_list {color:#454545;}
.mean_list .mean_item {position:relative;margin-top:30px;}
.mean_list .mean_item:first-child {margin-top:20px;}
.mean_list .mean_item .mean_desc .num {float:left;min-width:17px;padding-right:5px;	}
.more_list{width:calc(100% - 100px);margin:10px 15px;}
.more_list li {background:url(/images/common/dot_gray.png) no-repeat 2px 8px;padding:2px 0 2px 13px;font-size:14px;line-height:20px;}
.cont a {text-decoration:underline;color:#454545;}
.sm_text {font-size:13px;padding:0 15px;}

.word_info_area {padding:0 15px;font-size:14px;color:#454545;}
.word_info {margin-top:35px;}
.word_info .list {margin-top:30px;}
.list_area .list:first-child {margin-top:15px !important;}
.list_area .list dd {margin:5px;}
.list_area .list dd.dot {margin-left:0;margin-right:0;}
.word_title {border-bottom:1px solid #e1e1e1;padding:0px 0px 8px 0px;}
.word_title > h5 {display:inline-block;padding:0;border:0;}

.t_box{display:inline-block;color:#444;font-size:12px;height:18px;line-height:16px;padding:0px 4px;margin-right:5px;border:1px solid #444;border-radius:4px;box-sizing:border-box;vertical-align:middle;}
.exp_area {width:100%;padding:20px;box-sizing:border-box;border-top:1px solid #77655a;}
.exp {position:relative;font-size:13px;color:#333;padding-left:22px;}
.exp:before {content:"";position:absolute;top:2px;left:0;width:15px;height:15px;background:url(/images/common/dot_blue_circle.png) no-repeat;}

/* detail_wrap */
.detail_wrap {display:block;width:100%;border:1px solid #ccc;padding:25px 15px;box-sizing:border-box;}
.detail_set dt.title {font-family:'Nanum Barun Gothic bold';font-size:17px;color:#333;border-bottom:1px solid #e1e1e1;padding-bottom:8px;line-height:30px;}
.detail_set label {margin-left:5px;cursor:pointer;}
.detail_set dd {line-height:28px;padding:10px 0;}
.detail_set dd span {display:inline-block;}
.detail_set dd span.all {display:block;}
.syllable {width:100%;display:block;margin-top:10px;}
.pop_cont select,.detail_set dd select,
.detail_set dd input {height:27px;font-size:15px;line-height:25px;}
.detail_set dd input {border-radius:0;padding-left:10px;}

.word_input {display:inline-block;width:100%;margin:0 auto;text-align:center;}
.word_input li {float:left;}
.word_input li.line_f{width:18px;color:#999;padding-top:23px;}
.word_input li .word_f {display:inline-block;width:100%;text-align:center;color:#999;font-size:14px;line-height:22px;}
.word_input .white {width:24px;border: 1px solid #ccc;}
.exam_desc {font-size:14px;color:#999;}
.example img {width: 100%;height: auto;}
.example.on{display:none;}

/* multimedia */ 
ul.multimedia li {float:left;margin-top:20px;width:50%;}
ul.multimedia li:nth-child(2n-1) div {padding:0 10px 0 0;}
ul.multimedia li div {padding-left:10px;text-align:center;}
ul.multimedia li div a,
ul.multimedia li div span.multiImg {display:block;position:relative;width:100%;max-width:100%;border:1px solid #e1e1e1;line-height:0;}
ul.multimedia li div a img,
ul.multimedia li div span.multiImg img {width:100%;height:120px;max-height:100%;max-width:100%;}
ul.multimedia li div span.multiTxt {display:block;margin-top:4px;text-overflow:ellipsis;white-space:nowrap;}

/* no_result */
.no_result {margin:50px 0;text-align:center;color:#454545;}
.ssam > img {margin-bottom:2px;}

/* 페이징 */
.paging {text-align:center;font-size:12px;margin-top:15px; margin-bottom:50px; width:98%;}
.paging span {display:inline-block;border:1px solid #e3e3e3;border-radius:3px; vertical-align:bottom}
.paging a span {display:block;padding:4px 9px 4px 9px; .padding:4px 9px 4px 9px;border-radius:3px;background: #fff;color: #000;display:inline-block;border:1px solid #999;}
.paging span:hover {border:1px solid #acacac;}
.paging span.on {font-weight:bold;color:#fff;padding:4px 9px 4px 9px; .padding:4px 9px 4px 9px;border:1px solid #77655a;background-color:#52575b!important;.margin-bottom:0;}
.paging span.prev {margin-right:10px; }
.paging span.next {margin-left:10px;}
.paging span.first {margin-right:2px;}
.paging span.last {margin-left:2px;}
.paging a span.first {width:26px; height:26px; padding:0 !important;background:url(/images/common/paging_first.png) no-repeat 6px 7px; .background:url(/images/common/paging_first.png);}
.paging a span.prev  {width:26px; height:26px; padding:0 !important; background:url(/images/common/paging_pre.png) no-repeat 8px 7px; .background:url(/images/common/paging_pre.png);}
.paging a span.next  {width:26px; height:26px; padding:0 !important; background:url(/images/common/paging_next.png) no-repeat 10px 7px; .background:url(/images/common/paging_next.png)}
.paging a span.last  {width:26px; height:26px; padding:0 !important; background:url(/images/common/paging_last.png) no-repeat 7px 7px; .background:url(/images/common/paging_last.png);}

.paging span.none{display:inline-block;}

/* main_notice */
.notice {width:100%;text-align:left;}
.notice .title {display:inline-block;color:#111;text-align:left;font-family:'Nanum Barun Gothic bold';font-size:15px;}
.notice a.btn_more{display:inline-block;font-size:13px;border:1px solid #9c8a7f;background:#fff;color:#9c8a7f;padding:0px 15px 0 8px;border-radius:4px;
	background:#fff url(../images/common/icon-arrow3.png) no-repeat 50px 7px;}
.notice ul {padding-top:8px;}
.notice ul li {padding:6px 0;display:block;line-height:17px;}
.notice ul li a {display:inline-block;width:100%;}
.notice ul li a .txt {width:70%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice .date {display:inline-block;float:right;color:#999;}

/* table */
.tbl_sub01 {width:100%;border-top:2px solid #52575c;}
.tbl_sub01 tr {border-bottom:1px solid #ddd !important;background:url(../images/common/icon_arrow_g.gif) no-repeat right center;}
.tbl_sub01 tr td {display:block;font-size:14px;padding:10px;}
.tbl_sub01 .list {width:85%;}
.tbl_sub01 .list p {line-height:1.4em;word-break:break-all;}
.tbl_sub01 .m_view {display:block;font-size:13px;color:#a1a1a1;margin-top:5px;}

.tbl_sub01.view {word-break:break-all;}
.tbl_sub01.view .tlb_title {width:100%;font-family:'Nanum Barun Gothic bold';color:#111;font-size:15px;line-height:1.5em;}
.tbl_sub01.view tr {background:none;}
.tbl_sub01.view thead tr td p {margin-top:8px;}
.tbl_sub01.view thead tr td p:first-child {margin-top:0;}
.tbl_sub01.view .con_view{line-height:2em;padding-top:15px;padding-bottom:15px;}

.tbl_sub01.top1L {border-top:1px solid #ddd;}
.tbl_sub01.top1L tr td {display:table-cell !important;}
.tbl_sub01 input {text-align:left;height:27px;padding:5px;border-radius:0;}

/* boardTop */
.boardTop {width:100%;margin-top:25px;display:inline-block;height:27px;line-height:27px;padding-bottom:15px;}

/* select menu */
.sbHolder {position:relative;width:100%;height:44px;background:#f6f5f3 !important;border:1px solid #e4e0d7;box-sizing:border-box;}
.sbSelector {position:absolute;display:block;left:0;top:0;height:44px;line-height:44px;outline:none;overflow:hidden;text-indent:15px;width:100%;}
.sbSelector:link, .sbSelector:visited, .sbSelector:hover {color:#666;font-family:'Nanum Barun Gothic bold';}
.sbToggle {position:absolute;top:-1px;right:0;display:block;background:url(../images/common/bullet_arrowdown3.png) no-repeat center center;width:42px;height:42px;}
.sbToggleOpen {background:url(../images/common/bullet_arrowdown3_m.png) center center no-repeat;}
.sbOptions {position:absolute;background:#f6f5f3;top:42px !important;left:-1px;width:100%;z-index:1000;border:1px solid #e4e0d7;border-top:0;}
.sbOptions a {border-top:1px solid #e4e0d7;display:block;padding:7px 0 9px;text-indent:15px;}
.sbOptions a:link, .sbOptions a:visited {color:#666;}

/* ----------------------------------------------------------------
 Layer pop
 -----------------------------------------------------------------*/
.popup_container{display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:10;}
.popup_container .dim{display:none;width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.3);}
.layer_box {display:none;position:absolute;left:50%;background:#fff;z-index:100;}
.layer_box .pop_head{padding:10px 60px 10px 20px;background:#77655a;box-sizing:border-box;}
.layer_box .pop_head h2{font-family:'Nanum Barun Gothic bold';font-size:16px;color:#fff;line-height:22px;}
.layer_box .pop_cont{padding:20px 20px 30px;}
.layer_box .btn_wrap{margin-top:40px;text-align:center;}
.layer_box .btn_close{padding:10px;position:absolute;top:5px;right:10px;text-indent:-999em;font-size:0;line-height:0;overflow:hidden;cursor:pointer;}
.layer_box .btn_close:before{display:inline-block;content:'';width:11px;height:11px;background:url(/images/button/btn_close.png) no-repeat;}

.layer_box .select span.all {display:block;width:100%;font-family:'Nanum Barun Gothic bold';border-bottom:1px solid #e1e1e1;padding-bottom:5px;}
.layer_box .select span {display:inline-block;width:32%;font-size:14px;margin:3px 0; line-height:26px;}
.layer_box .select label {margin-left:5px;}
.btn_area {text-align:center;}

/* pop_contents */
#pop_cont {padding:20px 20px 25px;}
#pop_cont h2.subTit {margin-bottom:19px;font-size:18px;color:#333;}
.mediaWrap {position:relative;text-align:center;}
.mediaWrap p.pic img {width:100%;max-width:728px;}
dl.boardView {margin-top:25px;border:1px solid #e7e7e7;border-top:0;}
dl.boardView dt {padding:8px 15px;min-height:35px;color:#333;border-top:1px solid #e7e7e7;background:#f4f4f4;box-sizing:border-box;font-family:'Nanum Barun Gothic bold';}
dl.boardView dd {padding:12px 15px;}
dl.boardView dd ul li:first-child {margin:0;}
dl.boardView dd ul li {margin-top:5px;}
dl.boardView dd span.ccl {display:block;margin:10px 0 3px;width:130px;height:45px;}
dl.boardView dd span.ccl img {width:100%;}

/* ----------------------------------------------------------------
 Footer
 -----------------------------------------------------------------*/
.footer {position:absolute;display:block;left:0;bottom:0;width:100%;height:90px;padding:15px 0 0;text-align:center;margin-top:-90px;background:#fff;z-index:1;box-sizing:border-box;}
.footer.line {border-top:1px solid #ccc;}
.footer .footMenu {display:inline-block;}
.footer .footMenu li {position:relative;display:inline-block;padding:0 10px;font-size:13px;color:#666;}
.footer .footMenu li:first-child:after {display:none;}
.footer .footMenu li:after {content:"";display:inline-block;position:absolute;left:0;top:4px;width:1px;height:12px;background:#ccc;}
.footer img {display:block;margin:10px auto 0;width:95px;}

.t_italic{font-style:italic}

.btn_play {display:block;position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px 0 0 -50px;font-size:0;padding-left:0 !important;}
	
.tbl_pop{width:100%;}
.tbl_pop th{width:20%; background:#f2f2f2; border:1px solid #c6c6c6; padding:8px; font-weight:bold; }
.tbl_pop td{border:1px solid #c6c6c6; padding:8px; font-weight:normal;}

/* 한자 툴팁 */
.chi_info_list {z-index:10000 !important; position:relative !important;color:#000 !important;font-size:16px !important;font-weight:normal !important;margin:0 !important;padding:0 !important; }

.chi_info {z-index:10000 !important; position:relative !important;color:#000 !important;font-size:14px !important;font-weight:normal !important;margin:0 !important;padding:0 !important; }
.chi_tooltip { font-size:14px !important;background:#fff;color:#000 !important;font-weight:normal !important;}
.chi_tooltip .chi_chr {font-size:15px;font-weight:bold;color:#000;font-family:'Nanum Barun Gothic','궁서',Gungsuh;}
.chi_tooltip strong {margin-left:4px;}
.chi_tooltip table {width: 100% !important;border-top: 0px;}
.chi_tooltip table th {clear:both; text-indent:0 !important;padding:10px;border:1px solid #d3d3d3;text-align:center; background:#f5f5f5;}
.chi_tooltip table th.no_top_bd {border-top:0px solid #d3d3d3;}
.chi_tooltip table td {text-indent:0 !important;border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; background:#fff;}
.chi_tooltip table td div.hanja {text-align: center;}
.chi_tooltip table td div.text {text-align: center;padding-left: 5px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px;}
.chi_tooltip table td.top_bd {border-top:1px solid #d3d3d3;}

.chi_tooltip table td dl { display:inline-block; margin:0; margin:0;text-align:center;;padding-left: 5px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px;vertical-align:top;}
.chi_tooltip table td dl dt {width:auto;margin:0;text-align:center;font-size:25px;font-weight:normal;line-height:30px;padding-bottom:5px; background:none;z-index:10000;position:relative;}
.chi_tooltip table td dl dt span.korean-webfont {font-size:15px;}
.chi_tooltip table td dl p {width:auto;margin:0;text-align:center;font-size:12px; line-height:18px; background:none;  z-index:80000 !important;position:relative !important;}
.chi_tooltip table td dl p.chi_boosu {color:#636363;z-index:13000 !important;position:relative !important;}
.chi_tooltip table td dl span.yellow {color:red;font-size:12px;}

.chi_tooltip table.small{display:block;border-top: 0px;}
.chi_tooltip table.small td dl dt {width:70px; margin:0;text-align:center;font-size:15px;font-family:'Nanum Barun Gothic','궁서',Gungsuh;font-weight:bold;color:#000;line-height:30px;padding-bottom:5px; background:none;z-index:10000;position:relative;}
.chi_tooltip table.small td dl p {width:70px; margin:0;text-align:center;font-size:12px; line-height:18px; background:none;  z-index:80000 !important;position:relative !important;}
.chi_tooltip table.small td div.hanja {float: left;text-align: center;}
.chi_tooltip table.small td div.text {width:70px; text-align: center;padding-left: 5px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px;}
.chi_tooltip table.small td dl p.chi_boosu {width: 70px;color:#636363;z-index:13000 !important;position:relative !important;}

.hanja_font {font-family: "Nanum Barun Gothic","New Gulim","새굴림", Dotum,Verdana, sans-serif;}

/*배너*/
.banner {
	width: 100%;
	background-color:#CECEB8;
	color: #4d4d4d;
	position: absolute;
	bottom: 90px;
}
.banner .banner_all_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 100%;
	margin: 0 auto;
	padding: 12px 24px;
	position: relative;
}
.banner_title {
	display: flex;
}
.banner_title p {
	font-size: 1.25rem;
	font-weight: lighter;
	line-height: 1.625rem;
	margin-left:38px;
	padding: 0;
}

.banner_title .title_mob {
	display: none;
}
.banner_title .line {
	display: inline-block;
	margin-top: 10px;
	margin-left: 8px;
	width: 24px;
	height: 2px;
	background-color: #888;
}
.banner_title .title_img_01 {
	background: url(../images/banner/banner_title_img-01.svg) no-repeat;
	background-size: contain;
	width: 13.83px;
	height: 15.83px;
	position: absolute;
	top: 22px;
	left: 279px;
}
.banner_title .title_img_02 {
	background: url(../images/banner/banner_title_img-02.svg) no-repeat;
	background-size: contain;
	width: 46px;
	height: 27px;
	position: absolute;
	top: 22px;
	left: 24px;
}

.shortcut {
	display: flex;
	height: 50px;
}
.shortcut > div {
	height: 100%;
	padding: 0 24px;
	border-radius: 5px;
	border: 1px solid;
}
.shortcut > div > a {
	display: flex;
	width: 100%;
	height:100%;
	align-items: center;
	justify-content: center;
}

.shortcut .shortcut_01 {
	background-color: #F8F8F0;
	margin-right: 8px;
	border-color: #BFBFAA;
}
.shortcut .shortcut_01 div {
	background: url(../images/banner/banner-shortcut-malsam.svg) no-repeat;
	background-size: contain;
	width: 71px;
	height: 26px;
}

.shortcut .shortcut_02 {
	background-color: #F4F6F8;
	border-color: #A6C3B5;
}
.shortcut .shortcut_02 div {
	background: url(../images/banner/banner-shortcut-geunhyeondae.svg) no-repeat;
	background-size: contain;
	width: 104px;
	height: 16px;
}
@media screen and (max-width: 768px){
	.banner .banner_all_wrap {
		padding: 14px 20px;
		flex-direction: column;
	}
	.banner_title{
		position: relative;
		width: 100%;
	}
	.banner_title p {
		width: 100%;
		margin-left: 0;
		margin-bottom: 6px;
		font-size: 1rem;
	}
	.banner_title b {
		font-size: 1rem;
	}
	.banner_title .line {
		position: absolute;
		margin-top: 12px;
		left: 146px;
	}
	.banner_title .title_img_01 {
		top: 0;
		left: 188px;
	}
	.banner_title .title_img_02 {
		display: none;
	}
	.shortcut{
		justify-content: center;
		width: 100%;
		max-width: 400px;
		height: auto;
	}
	.shortcut > div {
		padding: 0 16px;
		width: 50%;
		height: 50px;
		justify-content: center;
		align-items: center;
	}
	.shortcut .shortcut_02 {
		margin-right: 0;
	}
}


/* 2024 공공누리집 배너 */
.pl_0{padding-left:0 !important;}
.top_line_bnr { background-color:#edf1f5; position:relative; color:#666;}
.top_line_bnr.bnr_hide:after { background:#cdd7e4; content:""; height:1px; left:0; position:absolute; top:32px; width:100%; }
.top_link_wrap .inner, .chk_nuri_addr_bnr .inner{max-width:1500px;width:100%;box-sizing: border-box;/* padding-left:60px; */}

.top_flag_wrap {align-items:center;color:#1d1d1d;display:flex;font-size:15px;line-height:16px;max-width:1500px;margin:0 auto;}
.top_flag_in { font-size:15px; display: flex; align-items: center; padding:5px 5px; color:#666;}
.top_flag_in img { margin-right:9px; width:24px; }