@charset "UTF-8";
/*
	Author	: hyojeong yang, somi
	Date	: 2018-11
	Project	: 충청북도지역도서관 통합 스타일 관리

	pallete : mainColor ( #333; #273640;  )
			  spotColor { #f15a53; #4e6979; #00b9b0; }
			  graphColor ( #da4657; #17b2cc; #213168; #f9a535; #7d2887; #00b9b0;  )
*/
@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

html, body { height: 100%; }

html {
    border: 0;
    outline: 0;
    font-size: 62.5%;
}
body {
    font-size: 14px;
    line-height: 1.6em;
    font-family: 'Nanum Gothic', "맑은 고딕", "Malgun Gothic", "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
    background-color: transparent;
    color: #000;
    font-weight: 300;
    letter-spacing: -0.025em;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    overflow-x:hidden;
    width:100%;
}
body.noscroll {
    overflow: hidden;
}
::selection {
    color: #fff;
    background-color: #273640;
}
::-moz-selection {
    color: #fff;
    background-color: #273640;
}
table {
    width: 100%;
    border-collapse: collapse;
    /*table-layout: fixed;*/
    font-size:13px;
}
table caption {
    height: 0;
    font-size: 0.1em;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
}
button,
input,
textarea {
    font-family: 'Nanum Gothic', "맑은 고딕", "Malgun Gothic", "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
    font-size:14px;
    color: #444;
}
button {
    /*outline:0;*/
    border: none;
    background: none;
}
textarea {
    padding: 10px;
    box-sizing: border-box;
    background: transparent;
    border-color: #ccc;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
select {
    border:1px solid #bbb;
    box-sizing:border-box;
    height: 40px;
    line-height: 40px;
    padding: 0 0 0 10px;
    vertical-align:top;
    border-radius:0;
    /*-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;*/
	font-size:13px;
}

html, body, nav, section, article, figure, figcaption,
h1, h2, h3, h4, h5, h6,
menu, ul, ol, dl, li, dt, dd,
p, form {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    line-height: 1em;
}
img {
    margin: 0;
    border: none;
}
ul, ol, dl, li {
    list-style: none;
}
cite, em, address {
    font-style: normal;
}
b, strong {
    font-weight: 500;
}
iframe {
    border: none;
    outline: 0;
}
a > span {
    cursor: pointer;
}
a {
    text-decoration: none;
    color: #333;
}
a:hover,
a:focus {
    text-decoration: none;
}
*:focus,
a:focus,
textarea:focus, input:focus {
     outline:2px dotted #2000ff;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}
fieldset legend {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}
input[type=text],
input[type=password] {
    font-size: 14px;
    vertical-align: middle;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d0d0d0;
    box-sizing: border-box;
    font-weight: 400;
    color: #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
input[type="file"],
input[type="file"]:hover {
	padding:0;
	border:none;
}
td input { vertical-align: top; }
textarea { border:1px solid #d0d0d0; }
input:hover,
textarea:hover { border: 1px solid #ccc; }
input[type="file"]:hover { border:none; }
input:focus,
textarea:focus {
	border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
	/*outline:0;*/
}
textarea[disabled="disabled"] { border: none; }
textarea:focus[disabled="disabled"] { box-shadow: none; }
input[type="radio"],
input[type="checkbox"] {
    border: 0;
    height: auto;
    box-shadow: none;
    cursor: pointer;
}
input[type="checkbox"] {
    width:20px;
    height:20px;
    background:none;
}
input[readonly]:not(.datepicker), input[readonly]:not(.datepicker):hover, input[readonly]:not(.datepicker):focus,
input[disabled]:not(.datepicker), input[disabled]:not(.datepicker):hover, input[disabled]:not(.datepicker):focus {
    background: #f9f9f9;
    border: 1px solid #ccc;
    font-weight: 300;
    box-shadow: none; 
}

/* DIMMED */
.dim {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 100;
}
.dim.open {
    display: block !important;
    opacity: .5;
}

/* SKIP NAV */
.accessibility {
    position: relative;
}
.accessibility a {
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    overflow: hidden;
    font-weight: 500;
    z-index: 99999;
}
.accessibility a:focus {
    z-index: 999;
    padding-left: 30px;
    width: 120px;
    height: 35px;
    line-height: 35px;
    background: #f04e30;
    border:2px dotted #2000ff;
    color: #fff;
    overflow: hidden;
    outline: 0;
}
#skipToLNB,
#skipToContents {
    position: absolute;
    height: 1px;
    overflow: hidden;
}
#skipToContents {
    position: absolute;
    top:120px;
    left:0;
    right:0;
    bottom:0;
    height:auto;
    overflow: hidden;
    font-size:0;
    z-index:-1;
}
#contents #skipToContents {
    top:0;
    left:300px;
}

/* LAYOUT */
.wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    max-width: 1200px;
}

/* SETTING */
.hdn:not(caption), 
.hidden {
    position: absolute;
    top: -99999px;
    left: -99999px;
    font-size: 1px;
    color: #fff;
    opacity: 0;
}
.m-block { display:none !important; }
.m-none { display:block !important; }
.cR, .clear {clear:both !important;}
.fl, .fL {float:left !important;}
.fr, .fR {float:right !important;}
.alC, .ac {text-align:center !important;}
.alL, .al {text-align:left !important;}
.alR, .ar {text-align:right !important;}
.vMid {vertical-align:middle;}
.inp {line-height:18px;height:18px;border:1px solid #c9c9c9;}
.strong {font-weight:bold !important;}
.fc-red, .red{color:#f04e30 !important;}
.fc-blue, .blue{color:#0072bc !important;}
.org { color:#f15a0e !important; }
.dt_line {border-top:1px dotted #aaaaaa !important; height:1px;margin:10px 0 10px 0;padding-top:10px;}
.org_line {color:#f15a0e;text-decoration:underline !important;}
.line {text-decoration:underline !important;}
.ellipsis{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.border-none {
    border:none !important;
}
.serif {
    font-family:'Nanum Myeongjo','serif' !important;
}
/* size style*/
.w30	{width:30px !important;}
.w35	{width:35px !important;}
.w40	{width:40px !important;}
.w45	{width:45px !important;}
.w50	{width:50px !important;}
.w55	{width:55px !important;}
.w60	{width:60px !important;}
.w65	{width:65px !important;}
.w70	{width:70px !important;}
.w75	{width:75px !important;}
.w80	{width:80px !important;}
.w85	{width:85px !important;}
.w90	{width:90px !important;}
.w95	{width:95px !important;}
.w100	{width:100px !important;}
.w120	{width:120px !important;}
.w130	{width:130px !important;}
.w140	{width:140px !important;}
.w150	{width:150px !important;}
.w165	{width:165px !important;}
.w200	{width:200px !important;}
.w215	{width:215px !important;}
.w220	{width:220px !important;}
.w230	{width:230px !important;}
.w300	{width:300px !important;}
.w350	{width:350px !important;}
.w400	{width:400px !important;}
.w450	{width:450px !important;}
.w500	{width:500px !important;}
.w550	{width:550px !important;}
.w800	{width:800px !important;}

.wid50	{width:50% !important;}
.wid85	{width:85% !important;}
.wid80	{width:80% !important;}
.wid90	{width:90% !important;}
.wid95	{width:95% !important;}

.h5		{height:5px !important;}
.h10	{height:10px !important;}
.h25	{height:25px !important;}
.h30	{height:30px !important;}
.h40	{height:40px !important;}
.h100	{height:100px !important;}

/* padding_style */
.pT10	{padding-top:10px !important;}
.pT20	{padding-top:20px !important;}
.pB10	{padding-bottom:10px !important;}
.pB20	{padding-bottom:20px !important;}
.pL5	{padding-left:5px !important;}
.pL10	{padding-left:10px !important;}
.pL15	{padding-left:15px !important;}
.pL20	{padding-left:20px !important;}
.pL25	{padding-left:25px !important;}
.pL30	{padding-left:30px !important;}
.pL35	{padding-left:35px !important;}
.pL40	{padding-left:40px !important;}
.pL65	{padding-left:65px !important;}
.pL70	{padding-left:70px !important;}
.pR20	{padding-right:20px !important;}

/* margin_style */
.mT5	{margin-top:5px !important;}
.mT10	{margin-top:10px !important;}
.mT15	{margin-top:15px !important;}
.mT20	{margin-top:20px !important;}
.mT30	{margin-top:30px !important;}
.mT40	{margin-top:40px !important;}
.mT50	{margin-top:50px !important;}
.mB5	{margin-bottom:5px !important;}
.mB10	{margin-bottom:10px !important;}
.mB15	{margin-bottom:15px !important;}
.mB20	{margin-bottom:20px !important;}
.mB30	{margin-bottom:30px !important;}
.mB40	{margin-bottom:40px !important;}
.mB50	{margin-bottom:50px !important;}
.mL5	{margin-left:5px !important;}
.mL10	{margin-left:10px !important;}
.mL15	{margin-left:15px !important;}
.mL20	{margin-left:20px !important;}
.mL25	{margin-left:25px !important;}
.mL30	{margin-left:30px !important;}
.mL40	{margin-left:40px !important;}
.mL45	{margin-left:45px !important;}
.mR10	{margin-right:10px !important;}
.mR20	{margin-right:20px !important;}

/* max-w100 */
figure.max-w100 {
    text-align:center;
} 
figure.max-w100 img {
    display:inline-block;
    max-width:100%;
    margin:0 auto;
}

.p0 {
    width: 70px;
}
.p1 {
    width: 10%;
}
.p2 {
    width: 20%;
}
.p3 {
    width: 30%;
}
.p4 {
    width: 40%;
}
.p5 {
    width: 50%;
}
.p6 {
    width: 60%;
}
.p7 {
    width: 70%;
}
.p8 {
    width: 80%;
}
.p9 {
    width: 90%;
}
.p10 {
    width: 100% !important;
}

/* fiure-list */
.figure-list {
    font-size:0;
}
.figure-list li {
    display:inline-block;
    width:calc((100% - 20px) /2);
}
.figure-list li + li {
    margin-left:20px;
}
.figure-list figure {
    border:1px solid #e4e4e4;
}

/* label-lib */
[class^=label-lib] {
    display:inline-block;
    font-size:12px;
    width:50px;
    height:24px;
    line-height:24px;
    text-align:center;
    color:#fff;
    background:#444;
}
[class^=label-lib][class$="-sm"] {
    width:35px;
    height:18px;
    line-height:18px;
}
[class^=label-lib][class$="-r"] {
    width:55px;
    height:55px;
    line-height:55px;
    font-size:14px;
    font-weight:700;
    border-radius:50%;
}
[class^=label-lib-ja]{ background:#1892b1; }
[class^=label-lib-mw]{ background:#1892b1; }
[class^=label-lib-cj]{ background:#384a5a; }
[class^=label-lib-jw]{ background:#41669b; }
[class^=label-lib-jc]{ background:#58b414; }
[class^=label-lib-be]{ background:#228904; }
[class^=label-lib-oc]{ background:#7a7719; }
[class^=label-lib-yd]{ background:#d35b0d; }
[class^=label-lib-jc]{ background:#b44a3d; }
[class^=label-lib-gs]{ background:#672723; }
[class^=label-lib-jp]{ background:#6b34cd; }
[class^=label-lib-es]{ background:#3f39ac; }
[class^=label-lib-gw]{ background:#c25c7a; }
[class^=label-lib-dy]{ background:#754379; }
[class^=label-lib-mc]{ background:#144698; }

.txt_in,
div.txt_in	{position:absolute;left:-9999px;text-indent:-99999px;}

/* icon_style  */
/*.icon1		{ background-image: url('./images/basic/bg_icon1.svg'); }*/
.icon1_2	{ background-image:url('./images/basic/bg_icon1_2.gif'); }
.icon2		{ background-image:url('./images/basic/bg_icon2.gif'); }
.icon2_2	{ background-image:url('./images/basic/bg_icon2_2.gif'); }
.icon3		{ background-image:url('./images/basic/bg_icon3.gif'); }
.icon3_2	{ background-image:url('./images/basic/bg_icon3_2.gif'); }
.icon2_list li{background-image:url('./images/basic/bg_icon2.gif'); }
.icon3_list li{background-image:url('./images/basic/bg_icon3.gif'); }


/* -------------------------------------------------
    BTN
------------------------------------------------- */
/* old btn */
/*button{display:inline-block;margin:0;padding:0;width:auto;cursor:pointer;border:none;background:none;overflow:visible;font-size:12px;}
.progress, 
.progress em, 
.finish, 
.finish em, 
.btn, 
.btn span, 
.btn_save, 
.btn_save button{background:url('./images/calendar/bg_button.gif');} 

.progress{display:inline-block;padding-left:3px;height:18px;background-position:0 -98px;color:#fff;font-size:11px;text-align:center;}
.progress em{display:inline-block;min-width:49px;height:18px;line-height:18px;padding-right:3px;background-position:right -98px;}
.finish{display:inline-block;padding-left:3px;background-position:-0 -117px;color:#fff;font-size:11px;text-align:center;} 
.finish em{display:inline-block;min-width:49px;height:18px;line-height:18px;padding-right:3px;background-position: right -117px;}
.btn, 
.btn button, 
.btn_save, 
.btn_save button{display:inline-block;height:32px;line-height:30px;background-position: 0 -60px;color:#fff;font-weight:bold;cursor:pointer;vertical-align:middle;}
.btn:hover{color:#fff;}
.btn span, 
.btn button, 
.btn_save button{display:inline-block;padding:0 15px;line-height:32px;background-position:right -60px;}

.btn_m, .btn_m a, .btn_m input,  .btn_m button, .btn_mgo, .btn_mgo a, .btn_mgo input,  .btn_mgo button{white-space: nowrap;background-image:url('./images/common/bg_mymenu.gif');vertical-align:middle;}
.btn_m, .btn_mgo{display:inline-block;font-weight:bold;cursor:pointer;}
.btn_m a, .btn_m button, .btn_m input, .btn_mgo a, .btn_mgo button, .btn_mgo input{display:inline-block;margin:0;font-weight:bold;font-size:12px;text-align:center;background-color:transparent;border:none;font-size:12px;font-family: "돋움";}
.btn_m{background-position: 0 0;margin-right:2px;}
.btn_m a, .btn_m input, .btn_m button{background-position:right 0;height:18px;line-height:18px;padding:0 10px;color:#fff;font-size:11px;font-weight:normal;}
.btn_mgo{background-position: 0 -30px;margin-right:2px;}
.btn_mgo a, .btn_mgo input, .btn_mgo button{background-position:right -30px;height:32px;line-height:29px;padding:0 17px;color:#fff;font-size:12px;}
*/

.work-warnning { color:#2740a5; }

 /* btn */
.btn-cont { text-align:center;margin-top:20px;margin-left:auto;margin-right:auto; margin-bottom:10px;}
.btn-cont.al { text-align:left; }
.btn-cont.ar { text-align:right; }
.btn_all {overflow:hidden;width:100%;}
.btn_c {text-align:center;margin:15px 0;overflow:hidden;}
.btn_l {text-align:left;margin:15px 0;}
.btn_r {text-align:right;}
/* .bg_btn {overflow:hidden;width:100%;margin:15px 0}
.bg_btn .fL {float:left;width:70%;}
.bg_btn .fR {float:right;width:29%;text-align:right;} */

.btn_basic *,
.btn_basic02 *,
button,
.btn,
.btn-sm,
.btn-lg,
.btn-xlg {
    font-family: 'Nanum Gothic', "맑은 고딕", "Malgun Gothic", "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;
    font-weight:700;
	display:inline-block;
	*zoom:1;
	*display:inline;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap; 
	box-sizing:border-box;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
    border-radius:0;
	padding:0;
}
a.btn + a.btn,
a[class^=btn-] + a[class^=btn-] { margin-left:4px; }

.btn_basic *,
.btn_basic02 *,
.btn { 
	padding:0 15px;
	height:40px;
	line-height:38px;
	font-size:13px;
	min-width:60px;
}
td .btn_basic *,
td .btn_basic02 *,
.btn-sm {
	padding:0 6px;
	height:30px;
	line-height:28px;
	font-size:12px;
	min-width:50px;
}
.btn-lg {
	padding:13px 20px;
	min-width:160px;
	font-size:16px;
	line-height:1.2em;
}
.btn-xlg {
	padding:17px 40px;
	min-width:160px;
	font-size:18px;
	line-height:1.2em;
}

/* btn : default */
.btn_basic *,
.btn,
.btn-sm,
.btn-lg,
.btn-xlg { 
	background:#fff;
	border:1px solid #bbb;
	color:#666;
}
.btn:hover, .btn:focus,
.btn-sm:hover, .btn-sm:focus ,
.btn-lg:hover, .btn-lg:focus ,
.btn-xlg:hover, .btn-xlg:focus {
	box-shadow:1px 1px 3px rgba(0,0,0,.2);
}

/* btn : spot */
.btn_basic02 *,
.btn.spot,
.btn-sm.spot,
.btn-lg.spot,
.btn-xlg.spot { 
	background:#273640;
	border:1px solid #273640;
	color:#fff;
}

/* btn : spot2 */
.btn.spot2,
.btn-sm.spot2,
.btn-lg.spot2,
.btn-xlg.spot2 { 
	border:1px solid #273640;
	color:#2740a5; 
}

/* btn : spot3 */
.btn.spot3,
.btn-sm.spot3,
.btn-lg.spot3,
.btn-xlg.spot3 { 
	color:#666;
	background-color:#f4f4f4;
	border:1px solid #bbb;
}

/* btn : spot4 */
.btn.spot4,
.btn-sm.spot4,
.btn-lg.spot4,
.btn-xlg.spot4  { 
	color:#fff;
	background:#4e6979;
	border:1px solid #4e6979;
}

/* btn : cancle */
a.btn.cancle,
.btn-sm.cancle,
.btn-lg.cancle,
.btn-xlg.cancle  { 
	color:#fff;
	background-color:#bbb;
	border:1px solid #bbb; 
}

/* btn : del */
a.btn.del,
.btn-sm.del,
.btn-lg.del,
.btn-xlg.del { 
	color:#333;
	background-color:#ddd;
	border:1px solid #ccc; 
}
a.btn.del:before,
.btn-sm.del:before,
.btn-lg.del:before ,
.btn-xlg.del:before {
	content:"";
	display:inline-block;
	width:11px;
	height:16px;
	background:url("./images/common/ico_stripe.png") -80px -60px no-repeat;
	margin-right:4px;
	vertical-align:middle;
}

/* btn : down */
a.btn.down,
.btn-sm.down,
.btn-lg.down,
.btn-xlg.down { 
}
a.btn.down:after,
.btn-sm.down:after,
.btn-lg.down:after,
.btn-xlg.down:after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 12px;
    margin-left: 10px;
    vertical-align: middle;
    background-image: url('images/common/ico_down.gif');
    vertical-align:middle;
}

/* 강좌신청 file */

/** 강좌신청 웹필터 적용으로 인해 변경된 파일첨부 **/
.edu_file {width:98%; padding:4px 20px 5px 5px; min-height:30px; line-height:30px;}
.edu_file table thead tr th{text-align:center;}
.edu_file .box_file .inp{vertical-align:middle;width:60%;height:29px;margin-right:2px;padding-left:5px;line-height:29px;border:1px solid #bfbfbf;font-size:14px;font-weight:bold;}
.edu_file .box_file .file_add {vertical-align:middle;display:inline-block;width:102px;height:29px;background:url('/str/cre/lyt/tmplat/sit/LYTTMP_0000000000000/images/common/img_file.gif') 0 0 no-repeat;cursor:pointer;}
.edu_file .box_file .file_add input{filter:alpha(opacity:0);opacity:0;width:102px;height:29px;cursor:pointer;}
.edu_file .box_file{margin:5px 0}


/* -------------------------------------------------
    JQUERY-UI
------------------------------------------------- */

/* jquery-plugin checkboxradio : ui-checkboxradio */
.ui-state-focus:focus { outline:0 !important }
.ui-checkboxradio-label {  display:inline-block; font-size:13px; cursor:pointer; }
.ui-checkboxradio-label + .ui-checkboxradio-label { margin-left:50px; }
.ui-checkboxradio-icon { 
    position:relative;
	display:inline-block;
	*zoom:1;
	*display:inline;
	min-height:13px;
	line-height:13px;
	padding:0;
	content:"";
	width:13px;
	height:13px;
	border:1px solid #777;
	background:#fff;
	box-sizing:border-box;
	left:0;
    vertical-align:middle;
}
.ui-checkboxradio-radio-label .ui-checkboxradio-icon  {
    border-radius:50%;
}
.ui-checkboxradio-icon-space {
    display:inline-block;
    padding-left:5px;
}
.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon {
	background:#3c3c3c;
	border-color:#3c3c3c;
}
.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon {
    background:none;
    border-color:#b5b5b5;
}
.ui-checkboxradio-label.ui-state-active .ui-checkboxradio-icon:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 5px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
    top: 2px;
    left: 1px;
    box-sizing: border-box;
    background-size:17px;
	transform:rotate(-45deg);
}
.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon:after {
	position:absolute;
	content:"";
	width:7px;
	height:7px;
    border:none;
    border-radius:50%;
	background:#3c3c3c;
	top:2px;
	left:2px;
	box-sizing:border-box;
    transform:rotate(0);
}
.ui-checkboxradio-radio-label.ui-state-active .ui-checkboxradio-icon:after  {
	border-radius:50%;
}
.ui-checkboxradio-label.ui-state-focus {
    border:1px dashed #333;
    box-sizing:border-box;
}

/* jquery-plugin : select-menu 
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index:99999;
}
.ui-selectmenu-menu ul {
	background:#fff;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	/* Support: IE7 
	overflow-x: hidden;
	padding-bottom: 1px;
	max-height:400px;
}
.ui-selectmenu-menu .ui-menu li {
    cursor:pointer;
	padding:5px 10px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-button {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto;
	font-size:14px;
	border-radius:0;
	border:1px solid #e6e6e6;
	vertical-align:top;
}
td .ui-selectmenu-button { vertical-align:middle;margin-right:2px; }
.ui-selectmenu-button span.ui-icon {
    right: 0.5em;
    left: auto;
    margin-top: -10px;
    position: absolute;
    width: 18px;
    height: 20px;
    top: 50%;
    background: url('./images/common/ico_arr_b.svg') center center no-repeat;
    background-size:12px;
}
.ui-selectmenu-button span.ui-selectmenu-text {
	text-align: left;
	padding: 0 40px 0 10px;
	height:38px;
	line-height:38px;
    font-size:14px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.ui-selectmenu-menu ul { border:1px solid #ccc; }
.ui-selectmenu-menu .ui-state-active { font-weight:bold; }
.ui-selectmenu-menu .ui-state-hover,
.ui-selectmenu-menu .ui-state-focus { background:#f9f9f9; }*/

select {	
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	cursor: pointer;
	background:#fff;
	width:auto;
	font-size:14px;
	border-radius:0;
	border:1px solid #e6e6e6;
	vertical-align:top;	
	box-sizing: border-box;
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background: url(./images/common/ico_arr_b.svg) calc(100% - 10px) center no-repeat #fff;
	background-size: 12px;
	padding-right:30px;
}
select::-ms-expand {display:none}

/* ui-autocomplete */
.ui-autocomplete { 
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	z-index:9999;
	max-height:300px;
	overflow-y:scroll;
    box-sizing:border-box;
}
.ui-autocomplete.ui-widget-content { 
	border: 1px solid #aaaaaa;
	background: #ffffff;
	color: #222222;
	padding:7px 0;
	line-height:1.8em;
}
.ui-autocomplete .ui-menu-item  { padding:5px 10px;line-height:1.8em; }
.ui-autocomplete .ui-menu-item:hover { background:#f5f5f5; }
.ui-autocomplete .ui-menu-item .ui-state-hover,
.ui-autocomplete .ui-menu-item .ui-state-focus{ 
	display:block;
	background:#f5f5f5;
}
.ui-helper-hidden-accessible { 
	position: absolute;
	left: -9999px; 
}

/* jquery-plugin :  datepicker */
.ui-datepicker { 
	background-color:#fff;
	border: 1px solid #dddddd;
	width: 200px;
	padding:12px 5px 5px;
	display: none; 
}
.ui-datepicker .ui-datepicker-header { 
	position: relative;
	padding: 0 0; 
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 20px;
	height: 30px;
	text-indent:-999px;
	background-repeat:no-repeat;
	cursor:pointer; 
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover { }
.ui-datepicker .ui-datepicker-prev { 
	left: 5px;
	background-position:0 center; 
}
.ui-datepicker .ui-datepicker-next { 
	right: 5px;
	background-position:right center;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { 
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 45%;
	margin-top: -8px; 
}
.ui-datepicker .ui-datepicker-title { 
	margin: 0 1em;
	line-height: 30px;
	text-align: center; 
}
.ui-datepicker .ui-datepicker-title select { 
	font-size: 1em;
	margin: 1px 0; 
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { 
	width: 40%;
	margin:0 2px;
	padding:1px;
	border:1px solid #aaa; 
}
.ui-datepicker table { 
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 10px 0 .2em;
	border-top:2px solid #aaa; 
}
.ui-datepicker th { 
	padding: .3em .3em;
	font-size:11px;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;
	border-bottom:1px solid #ddd;
	background-color:#fff;
	background:#f9f9f9;
}
.ui-datepicker tr:first-child td { border-top:0; }
.ui-datepicker td {	
	text-align:center;
	border: 0;
	padding: 1px;
	height:14px; 
}
.ui-datepicker td span,
.ui-datepicker td a { 
	display: block;
	padding: .2em;
	text-decoration: none;
	border-bottom:0; 
}
.ui-datepicker .ui-datepicker-buttonpane { 
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0; 
}
.ui-datepicker .ui-datepicker-buttonpane button { 
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible; 
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; }
.hasDatepicker + img { margin-left:10px;vertical-align:middle; }

/* -------------------------------------------------
    quickMenu
------------------------------------------------- */
.quickMenu {
    position: fixed;
    top: 0;
    right: -140px;
    height: 100%;
    z-index: 101;
    width:140px;
    padding-left:35px;
    transition:all .5s;
}
.quickMenu.active {
    right:0;
}
.quickMenu > section {
    width:100%;
    height:100%;
    background:#e8e8e8;
    overflow-y:auto;
}
.quickMenu h2 {
    background:#252b3b;
    width:100%;
    height:120px;
    color:#fff;
    text-align:center;
    font-size:16px;
    font-weight:normal;
    vertical-align:middle;
}
.quickMenu h2:before {
    content: "";
    display: block;
    margin:0 auto;
    padding:22px 0;
    width: 32px;
    height: 32px;
    background: url('images/common/ico_quick.svg') center center no-repeat;
}
.quickMenu ul {
    margin:0 10px 50px;
    text-align:center;
}
.quickMenu li {
    border-bottom:1px dotted #999;
}
.quickMenu li a {
    display:block;
    color:#000;
    padding:18px 0;
}
.quickMenu .btn-quickMenu {
    position: absolute;
    display:block;
    top: 300px;
    left:0;
    text-align: center;
    width: 35px;
    height: 108px;
    background-image: url('images/common/bg_quick.svg');
    word-wrap: break-word;
    padding:0 11px; 
    white-space: pre-line;
    cursor:pointer;
}
.quickMenu .btn-quickMenu:after {
    content:"";
    display:block;
    width:4px;
    height:4px;
    border-left:1px solid #000;
    border-top:1px solid #000;
    margin:10px auto;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.quickMenu.active .btn-quickMenu:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* -------------------------------------------------
    SITE-HEADER
------------------------------------------------- */
.site-header > .wrap {
    padding:10px 20px;
    position:relative;
	overflow:hidden;
}
.site-header h1 {
    width: 280px;
    height: 40px;
    text-indent: -9999px;
    background: url('./images/header/logo.svg') no-repeat;
}
.site-header h1 a {
    display:block;
    height:100%;
}
.site-header .util {
    position:absolute;
    right:20px;
    top:20px;
    font-size:0;
}
.site-header .util > * {
    font-size:12px;
    color:#777;
    vertical-align:middle;
}
.site-header .util ul,
.site-header .util li {
    display:inline-block;
}
.site-header .util li a {
    position:relative;
    padding:0 12px;
	color:#777;
}
.site-header .util li + li a:before {
   content:"";
   position:absolute;
   left:0;
   top:50%;
   margin-top:-4px;
   width:1px;
   height:8px;
   background:#eee;
}
.site-header .util li:last-child a { padding-right:0; }
.site-header .util li a strong { color:#007296; }
.site-header nav {
    z-index: 100;
    font-size:0;
	background:#007296;
}
.site-header .site-gnb > li {
    position: relative;
    z-index: 100;
    display: inline-block;
    width:16.66%;
	vertical-align:top;
}
.site-header .site-gnb > li > a {
    position:relative;
    display: block;
    font-weight: 700;
    font-size: 16px;
    height:60px;
    line-height:60px;
    text-align:center;
    transition:color .5s;
	color:#fff;
}
.site-header .site-gnb > li > a span {
    position:relative;
    display:inline-block;
    height:100%;
}
.site-header .site-gnb > li > a.on {
    color:#fff000;
}
.site-header .site-gnb > li > a:hover,
.site-header .site-gnb > li > a:focus {
    color: #fff000;
}
.site-header nav .snb {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    padding:0;
    width: 100vw;
	left:50%;
	margin-left:-50vw;
    background-color:#fff;
    font-size:14px;
    z-index:99;
	box-shadow:0 10px 10px rgba(0,0,0,.1);
}
.site-header nav .open-snb ~ .snb {
	padding:25px 0;
}
.site-header .site-gnb > li > ul {
    z-index: 101;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    overflow: hidden;
    top: 60px;
    left: 0;
	border-left:1px solid #e5e5e5;
	padding-top:25px;
	padding-bottom:25px;
	width:calc(100% - 2px);
}
.site-header .site-gnb > li:last-child > ul {
	border-right:1px solid #e5e5e5;
}
.site-header .site-gnb ul a {
    display: block;
    line-height: 2.2em;
    text-align: left;
    font-size:13px;
    color:#000;
	padding-left:20px;
}
.site-header .site-gnb li ul ul li a {
    position:relative;
    padding-left:30px;
    color:#777;
}
.site-header .site-gnb li ul ul li a:before{
    content:"";
    position:absolute;
    width:1px;
    height:1px;
    background:#fff;
    left:0;
    top:50%;
}
.site-header .btn-site-nav,
.site-header .btn-nav-close {
    display:none;
}
.site-header nav li li a:hover,
.site-header nav li li a:focus {
    color: #ffb100;
}
.m-site-header { display:none; }

/* -------------------------------------------------
   SITE-FOOTER
------------------------------------------------- */
.site-footer {
    border-top:1px solid #e2e2e2;
    margin-top:50px;
    font-size:13px;
    line-height:1.3em;
}
.site-footer a {
     transition:all .3s;
}
.site-footer a:hover,
.site-footer a:focus {  
}
.site-footer-nav {
    background:#2d343e;
}
.site-footer-nav nav > ul {
    width:100%;
    display:table;
    table-layout:fixed;
    border-left:1px solid #4c525b;
    font-size:14px;
    line-height:1.714em;
    color:rgba(255,255,255,.3);
}
.site-footer-nav nav > ul > li {
    display:table-cell;
    padding:24px 0 40px 3%;
    border-right:1px solid #4c525b;
}
.site-footer-nav nav > ul > li > a {
    display:block;
    margin-bottom:30px;
    font-size:16px;
    font-weight:700;
    color:rgba(255,255,255,.8);
}
.footer-menu {
    font-size:0;
	padding-left:20px;
	padding-right:20px;
}
.footer-menu a {
    position:relative;
    display:inline-block;
    font-size:12px;
    line-height:43px;
    padding:0 10px;
    color:rgba(0,0,0,.5);
}
.footer-menu a:hover,
.footer-menu a:focus {
    color:#000;
}
.footer-menu a + a:before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    width:1px;
    height:12px;
    background:rgba(0,0,0,.3);
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.footer-menu a:first-child {
    padding-left:0;
}
.footer-menu a strong {
    font-weight:700;
    color:#000;
}
.site-footer-info {
    padding:15px 20px 30px;
    border-top:1px solid #e2e2e2;
}
.site-footer-info:after {
    content:"";
    display:block;
    clear:both;
}
.footer-site ul,
.footer-site figure {
    display:inline-block;
    vertical-align:top;
}
.footer-site figure {
    margin-left:7px;
}
.footer-site figure.qr {
    border:1px solid #d1d1d1;
	height:67px;
}
.footer-site figure img {
/*    display:block;*/
}
.footer-site {
    position:relative;
    float:right;
}
.footer-site li {
    position:relative;
}
.footer-site li + li {
    margin-top:5px;
}
/*.footer-site .ui-selectmenu-menu {
    box-sizing:border-box;
    width:210px;
    background:#3a404c;
    box-sizing:border-box;
}
.footer-site .ui-selectmenu-menu + .ui-selectmenu-menu{
    bottom:30px !important;
}
.footer-site .ui-selectmenu-menu .ui-state-active {
}
.footer-site .ui-selectmenu-button {
	width:210px;
	font-size:13px;
}
.footer-site .ui-selectmenu-button span.ui-selectmenu-text {
	height:30px;
	line-height:30px;
    font-size:13px;
    color:rgba(0,0,0,.7);
}*/
.footer-site select {
    width:210px;
    box-sizing:border-box;
	height:32px;
	line-height:30px;
    font-size:13px;
    color:rgba(0,0,0,.7);
}
.footer-site .btn-go {
    display:inline-block;
    width:42px;
    height:32px;
    line-height:32px;
    background:#1892b1;
    color:#fff;
    text-align:center;
}
.site-footer-info address {
    float:left;
    color:rgba(0,0,0,.7);
	line-height:1.7em
}

/* -------------------------------------------------
    LNB
------------------------------------------------- */
.lnb {
    float:left;
    width: 280px;
	left:20px;
	top:0;
}

.lnb h2 {
    position:relative;
    padding: 0 0 0 20px;
    margin-top: 6px;
    color: #1892b1;
    font-size: 30px;
}
.lnb h2:before {
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:3px;
    height:33px;
    background:#1892b1;
}
.lnb nav {
    margin-top: 40px;
    padding-right: 30px;
    margin-left: 2px;
}
.lnb nav > ul > li {
    border: 1px solid #e4e4e4;
    box-sizing:border-box;
}
.lnb nav > ul > li + li {
   margin-top:3px;
}
.lnb nav > ul > li > a {
    display: block;
    padding: 0 10px;
    font-size: 1.077em;
}
.lnb nav > ul > li > a {
    position:relative;
    display:block;
    font-weight: bold;
    padding:0 35px 0 25px;
    line-height:54px;
    height:54px;
    font-size:17px;
    box-sizing:border-box;
}
.lnb nav > ul > li > a:before,
.lnb nav > ul > li > a:after {
    content:"";
    position:absolute;
    width:16px;
    height:2px;
    background:#ddd;
    top:50%;
    right:15px;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
    transition: all .3s;
}
.lnb nav > ul > li > a:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}
.lnb nav > ul > li > a:hover,
.lnb nav > ul > li > a:focus {
    background-color: #eee;
}
.lnb nav > ul > li.active { 
    background:#f8f8f8;
}
.lnb nav > ul > li.active > a:after {
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
}
.lnb nav > ul > li.active:not(.current) > a {
    color: #1892b1;
    background-color: #fff;
}
.lnb nav > ul > li.currentOnly a:before,
.lnb nav > ul > li.currentOnly a:after {
    display:none;
}
.lnb nav > ul > li ul {
    *position: relative;
    overflow: hidden;
    height: 0;
}
.lnb nav > ul > li li a {
    position:relative;
    line-height: 24px;
    color: #666;
    padding: 0 0 0 34px;
}
.lnb nav > ul > li li a:before {
    content:"";
    position:absolute;
    left:22px;
    top:50%;
    width:3px;
    height:3px;
    border-top:1px solid #000;
    border-left:1px solid #000;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.lnb nav > ul > li li a:hover,
.lnb nav > ul > li li a:focus {
    color:#1892b1;
}
.lnb nav > ul > li li.current a {
    color: #1892b1;
    font-weight: 600;
}

/* -------------------------------------------------
   MAIN
------------------------------------------------- */
/* common */
.mn-contents {
    position:relative;
    margin-top:40px;
}
.mn-more {
    position:absolute;
    top:0;
    right:0;
    width:45px;
    height:45px;
    text-indent:-9999px;
    transition:all .5s;
    border-left:1px solid #dadada;
}
.mn-more:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:2px;
    height:14px;
    background:#666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    transition:all .5s;
}
.mn-more:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:14px;
    height:2px;
    background:#666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    transition:all .5s;
}
.mn-more:hover:before,
.mn-more:hover:after,
.mn-more:focus:before,
.mn-more:focus:after {
    background:#000;
}
.mn-contents section[class^="mn-"] {
    position:relative;
    border:1px solid #dadada;
    box-sizing:border-box;
}
.mn-row section[class^="mn-"] > h2,
.mn-row section[class^="mn-"] > div > h2 {
    padding-left:18px;
    height:45px;
    line-height:45px;
    font-size:16px;
    font-weight:700;
    border-bottom:1px solid #dadada;
    box-sizing:border-box;
}
.mn-row {
    margin-top:10px;us
    font-size:0;
}
.mn-row > section {
    display:inline-block;
    font-size:14px;
    vertical-align:top;
    overflow:hidden;	
}
.mn-row:first-child {
    height:425px;
}
.mn-row:nth-child(2) section {
    height:320px;   
}
/* mn-notice */
.mn-notice {
    margin-left:10px;
}
.mn-notice ul {
    padding:20px 15px 0 15px;
}
.mn-notice h3{
    font-size:13px;
    line-height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
}
.mn-notice li a:hover h3,
.mn-notice li a:focus h3 {
    text-decoration:underline;
}
.mn-notice .tab-cont li a {
    position:relative;
    display:block;
    font-size:13px;
    padding:0 80px 0 15px;
    line-height:2.4em;
}
.mn-notice .tab_cont li:not(.issue) a:before {
    content:"";
    width:2px;
    height:2px;
    background:#000;
    top:12px;
    left:0;
    position:absolute;
}
.mn-notice time {
    position:absolute;
    top:0;
    right:0;
    color:rgba(0,0,0,.5);
    font-size:13px;
}
.mn-notice li.issue {
    padding-bottom:15px;
    margin-bottom:10px;
    border-bottom:1px dotted #999;
}
.mn-notice li.issue a {
    padding:0;
}
.mn-notice li.issue a > div {
    position:relative;
}
.mn-notice li.issue h3 {
	font-size:15px;
}
.mn-notice li.issue time {
    display:block;
    position:static;
}
.mn-notice li.issue p {
    margin-top:7px;
    font-size:13px;
    line-height:1.3em;
    height:2.5em;
    overflow:hidden;
}
/* mn-row section size */
/*.mn-ad,
.mn-bookservice {
    margin-left:0;
    width:calc(( 100% - 20px ) * 0.32 );
}
.mn-qmenu,
.mn-notice {
    width:calc(( 100% - 20px ) * 0.43 );
}
.mn-date,
.mn-nbook,
.mn-guide,
.mn-favorite {
    margin-left:10px;
    width:calc(( 100% - 20px ) * 0.25 );
}
.mn-sch {
   margin-top:10px;
   height:95px;
   width:calc(( 100% - 20px ) * 0.68 + 10px );
}
.mn-qmenu,
.mn-sch {
   margin-left:calc(( 100% - 20px ) * 0.32 + 10px);
}*/
.mn-ad,
.mn-bookservice {
    margin-left:0;
    width:380px;
}

.mn-leftquick {
    margin-left:0;
    width:380px;
}

.mn-qmenu,
.mn-notice {
    width:calc(( 100% - 400px ) * 0.6 );
}
.mn-date,
.mn-nbook,
.mn-guide,
.mn-favorite {
    margin-left:10px;
    width:calc(( 100% - 400px ) * 0.4 );
}
.mn-sch {
   margin-top:10px;
   height:95px;
   width:calc(( 100% - 390px ) );
}
.mn-qmenu,
.mn-sch {
   margin-left:390px;
}

.mn-ad {
   height:425px;
}
.mn-qmenu {
    height:320px;
}
.mn-notice {
    margin-left:10px;
}
/* mn-add */
.mn-contents section.mn-ad {
    position:absolute;
    left:0;
    top:0;
	border:1px solid #dadada;
}
.mn-contents section.mn-ad h2 {}
.mn-ad-rolling {
	/*position:relative;*/
	border:1px solid #dadada;
	border-top:0;
}
.mn-ad-rolling .bx-pager {
    position:absolute;
    right:90px;
    top:0;
    font-size:20px;
    width:100px;
    text-align:right; 
    font-size:15px;
    color:#666; 
}
.mn-ad-rolling .bx-controls {
    position:absolute;
    right:10px;
    top:10px;
    font-size:0;
    height:25px;
    width:78px;
    border:1px solid #ddd;
    font-size:0;
    z-index:2;
}
.mn-ad-rolling .bx-controls > * {
    display:inline-block;
    vertical-align:top;
}
.mn-ad-rolling .bx-controls .bx-prev,
.mn-ad-rolling .bx-controls .bx-next,
.mn-ad-rolling .bx-controls .bx-controls-auto-item a {
    position:relative;
    display:inline-block;
    height:100%;
    width:25px;
    height:25px;
    background-color:#fff;
    font-size:14px;
    border-right:1px solid #ddd;
    text-indent:-9999px;
}
.mn-ad-rolling .bx-controls .bx-next {
    position:absolute;
    right:0;
    top:0;
    border-right:none;
}
.mn-ad-rolling .bx-controls .bx-prev:before,
.mn-ad-rolling .bx-controls .bx-next:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    border-top:1px solid #666;
    border-left:1px solid #666;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.mn-ad-rolling .bx-controls .bx-next:before  {
    left:auto;
    margin-right:-2px;
    right:50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}
.mn-ad-rolling .bx-controls .bx-stop {
    background: url('./images/main/btn_stop.svg') center no-repeat;
}
.mn-ad-rolling .bx-controls .bx-start {
    background: url('./images/main/btn_play.svg') center no-repeat;
}
.mn-ad-rolling li a {
	display:block;
	position:relative;
}

.mn-ad-rolling li a:focus{
    border:2px dotted #2000ff;
}

.mn-ad-rolling img {
    width: 372px;
    height: 375px;
    display: block;
}
/* mn-qmenu */
.mn-qmenu ul {
   position:relative;
   font-size:0;
   height:100%;
}
.mn-qmenu li {
    display: inline-block;
    width: 33.33%;
    height: 50%;
    box-sizing: border-box;
    background: #1892b1;
    vertical-align: middle;
    padding: 3px;
}
.mn-qmenu li:nth-child(3n) { width:33.34%; }
.mn-qmenu a {
    position:relative;
    display:block;
    height:100%;
    padding:15px 15px 0;
    box-sizing:border-box;
}
.mn-qmenu strong {
    margin-bottom:10px;
    display:block;
    font-weight:700;
    font-size:18px;
	line-height:1.3em;
    color:#fff;
    white-space:nowrap;
}
.mn-qmenu span {
    display:block;
	color:#fff;
	opacity:.8;
    font-size:13px;
    line-height:1.2em;
	white-space:nowrap;
}
.mn-qmenu li.spot {
    background:#e5e5e5;
}
.mn-qmenu li.spot strong{
    color:#000;
}
.mn-qmenu li.spot span{
    color:#000;
	opacity:.6;
}
.mn-qmenu li.spot2 {
    background:#b2d5de;
}
.mn-qmenu li.spot2 strong{
    color:#394121;
}
.mn-qmenu li.spot2 span{
    color:#394121;
	opacity:.8;
}
.mn-qmenu li a:after {
    content: "";
    position:absolute;
    bottom:5px;
    right:5px;
    display: block;
    width: 70px;
    height: 70px;
    background: url('./images/main/qmenu01.svg') center no-repeat;
}
.mn-qmenu li:nth-child(2) a:after {
    background-image: url('./images/main/qmenu02.svg');
}
.mn-qmenu li:nth-child(3) a:after {
    background-image: url('./images/main/qmenu03.svg');
}
.mn-qmenu li:nth-child(4) a:after {
    background-image: url('./images/main/qmenu04.svg');
}
.mn-qmenu li:nth-child(5) a:after {
    background-image: url('./images/main/qmenu05.svg');
}
.mn-qmenu li:nth-child(6) a:after {
    background-image: url('./images/main/qmenu06.svg');
}

/* mn-date */
.mn-contents section.mn-date {
    position:absolute;
    top:0;
    right:0;
}
/* 메인 달력 */
.schedule_box { background-color:#fff;margin:10px 15px 0;}

.schedule_box .cal_top {position: relative;padding: 0 0; }
.schedule_box .cal_top a{overflow:hidden;width:10px;height:11px;padding:0;line-height:0;font-size:0;cursor:pointer;border:none;vertical-align:middle;}
.schedule_box .cal_top a.cal_prev,
.schedule_box .cal_top a.cal_next{
	overflow:hidden;
	position: absolute;
	top: 0px;
	width: 24px;
	height: 24px;
	text-indent:-999px;
	cursor:pointer; 
    background:#595959;
    border-radius:50%;
}
.schedule_box .cal_top a.cal_prev:before,
.schedule_box .cal_top a.cal_next:before { 
	content:'';
	position: absolute;
    top:50%;
    left:50%;
    margin-top:-4px;
    margin-left:-2px;
	width:6px;
    height:6px;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.schedule_box .cal_top a.cal_next:before {
    left:auto;
    right:50%;
    margin-right:-2px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.schedule_box .cal_top a.cal_prev:hover,
.schedule_box .cal_top a.cal_next:hover { }
.schedule_box .cal_top a.cal_prev { right: 35px; }
.schedule_box .cal_top a.cal_next { right: 5px; }
.schedule_box .cal_top strong{
    font-size:16px;
    font-weight:700; 
	line-height: 25px;
	padding-right:40px;
	text-align: center; 
	display:block;
	color:#555;
}
.schedule_box .fc-content{ margin: 10px 0 .2em;}
.schedule_box .fc-content th{ 
	padding: .3em .3em;
	font-size:11px;
    color:#000000;
	text-align: center;
	height:14px;
	font-weight: bold;
	border: 0;}
.schedule_box .fc-content td{height:22px;text-align:center;font-weight:600;font-size:11px;}
.schedule_box .fc-content td.fc-other-month {opacity:0;;pointer-events: none;}
.schedule_box .fc-content td.fc-other-month[tabindex] {tabindex: -1;}
.schedule_box .fc-content tbody td div{padding:0; }
.schedule_box .fc-content td div.fc-day-number{
	display: block;
    position:relative;
	width:20px;
    height:20px;
    line-height:20px;
    border-radius:50%;
	text-decoration: none;
	border-bottom:0; 
    font-size:11px;
    color:#505050;
	margin:0 auto;}
.schedule_box .fc-content td.today div.fc-day-number{
    background: #004ECF;
    color: #fff;
    border: 2px dotted #006ee1;
    border-radius: 50%;
}
.schedule_box .fc-content td div.fc-day-content{/*display:none;*/ font-size:0px}
.schedule_box #calendar .fc-content div a{display:none;}
.schedule_box #calendar .fc-content div a.skin1{display:none;}
.schedule_box #calendar .fc-content div a.this_date{display:block;}

.schedule_box .mcal_chart {width:100%;table-layout:fixed;border-collapse:collapse;margin:0 auto;}
.schedule_box .mcal_chart .fc-last{}
.schedule_box .mcal_chart th.fc-sun,
.schedule_box .mcal_chart td.fc-sun div.fc-day-number,
.schedule_box .mcal_chart td.fc-sun.today div.fc-day-number{/*color:#c36a3e;*/ color:#C00000}
.schedule_box .mcal_chart td.closed div.fc-day-number { color:#fff;background: #6a6f8d; border-radius:0;}
.schedule_box .mcal_chart td.closed div.fc-day-number a{ color:#fff;}
.schedule_box .mcal_chart td.event-day div.fc-day-number { color:#000;/*background: #fff;*/border: 2px solid #8B5F00; }


/* 메인페이지 달력 layer popup css */
.layer{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
}
.layer .bg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.5;
	filter: alpha(opacity=50);
}
.layer .pop-layer{ display:block; }
.pop-layer{
	display:none;
	position:absolute;
	top:50%;
	left:50%;
	max-width:450px;
	height:auto;
	background-color:#fff;
	border:1px solid rgba(0,0,0,.5);
	box-shadow:1px 1px 10px rgba(0,0,0,.1);
	z-index:10;
}
.pop-layer .pop-container{ padding:30px; }
.pop-layer p.ctxt{
	color:#666;
	line-height:25px;
}
.pop-layer .btn-r{
	width:100%;
	padding-top:10px;
	text-align:right;
}
.layer a.cbtn{
	display:inline-block;
	height:25px;
	padding:0 14px 0;
	border:1px solid #273640;
	background-color:#273640;
	font-size:13px;
	color:#fff;
	line-height:25px;
}
.layer a.cbtn:hover{opacity:.9;}
.layer_content { margin-bottom:20px; }
.layer .listNm { 
	display:block;
	font-weight:bold;
	line-height:1.4em;
	position:relative;
	padding:10px 0 10px 20px;
}
.layer .listNm:before { 
	content:''; 
	position:absolute;
	width:10px;
	height:5px;
	border-left:2px solid #6a6f8d;
	border-bottom:2px solid #6a6f8d;
	top:calc(0.7em + 4px);
	left:0;
	transform:rotate(-45deg);
}
.layer .listNm ~ br { display:none; }
.layer .listCn{ 
	display:block;
	line-height:1.4em;
	font-size:13px; 
	padding-left:20px;
	color:#777;
}
.layer .listCn p{ display:block; }

/* date-info  */
.date-info {
    background:#f5f5f5;
    text-align:center;
    padding:6px 0;
	margin:0 15px;
    color:#666;
	display:table;
	width:calc(100% - 30px);
}
.date-info span {
    display:table-cell;
	font-size:12px;
}
.date-info [class^=highlight]:before {
   content: "";
    margin-right: 5px;
    width: 16px;
    height: 16px;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    background: #004ECF;
    box-sizing: border-box;
    border-radius: 50%;
}
.date-info .highlight2:before {
    background:#6a6f8d;
    border-radius:0;
}
.date-info .highlight3:before {
    background:#fff;
    border:2px solid #8B5F00;
}
/* mn-nbook */
.mn-contents section.mn-nbook {
    position:absolute;
    top:0;
    right:0;
}
.nbook_photo {
	overflow:hidden;
	height:73px;
	margin:20px 20px 15px 20px;
}
.nbook_photo img { max-width:100%;max-height:100%; object-fit: cover }

.nbook_list { padding:0 20px; }
.nbook_list li { border-bottom:1px solid #e5e5e5;line-height:0; }
.nbook_list li a { line-height:29px;display:inline-block;white-space:nowrap;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

/* mn-book & service */
.mn-contents section.mn-bookservice {
    padding-right:100px;
    border:none;
}
.mn-book {
    position:relative;
    height:100%;
    border:1px solid #dadada;
    box-sizing:border-box;
}
.mn-book-cbelist {
  padding-top:25px;
}
.mn-book .mn-tabs {
    height:45px;
    border-bottom:1px solid #ddd;
    line-height:45px;
}
.mn-book .mn-tabs .tab-nav {
    width:calc(100% - 45px);
    margin-bottom:30px;
    height:100%;
	font-size:0;
	line-height:0;
}
.mn-book .mn-tabs .tab-nav li {
    border:none;
    box-sizing:border-box;
	display:inline-block;
    border-left:1px solid #ddd;
}
.mn-book .mn-tabs .tab-nav li:first-child {
    border-left:none;
}
.mn-book .mn-tabs .tab-nav li a {
    display:block;
    width:100%;
    height:45px;
    line-height:1.2em;
    font-size:16px;
    line-height:45px;
    color:rgba(0,0,0,.5);
	padding:0;
    text-align:center;
    background:none;
}
.mn-book .mn-tabs .tab-nav li.active {}
.mn-book .mn-tabs .tab-nav li.active a {
    font-weight:700;
    color:#000;
}
.mn-book .mn-tabs .tab-nav li.active a:before {
   display:none;
}
.mn-book .tab_cont .mn-book-list {
    position:relative;
    padding:0 70px;
    background:#fff;
}
.mn-book .tab_cont .mn-book-list li a,
.mn-book-list li a {
    display:block;
}
.mn-book figure {
    position:relative;
    margin:0 auto;
    max-width:135px;
    max-height:193px;
    overflow:hidden;
}
.mn-book figure img {
    display:block;
    width:100%;
}

.mn-book-list{
	display:inline-block;
	width:100%;
	margin:20px 0px;
}

.mn-book .mn-book-list div span { 
	position:relative;
	margin: 10px auto 0; 
	display: block; 
	font-size: 14px; 
	max-width: 80%; 
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	color: rgba(0, 0, 0, .6); 
	text-align: center; 
	font-weight: bold;
	box-sizing:border-box;
}

.mn-book h3 {
    margin:10px auto 0;
    display:block;
    font-size:14px;
	max-width:80%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
    color:rgba(0,0,0,.6);
    text-align:center;
}
.mn-book .bx-prev,
.mn-book .bx-next {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-28px;
    width:30px;
    height:56px;
    text-indent:-9999px;
}
.mn-book .bx-prev {
    left:15px;
}
.mn-book .bx-next {
    right:15px;
}
.mn-book .bx-prev:before,
.mn-book .bx-next:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 4px;
    width: 31px;
    height: 31px;
    border-top: 1px solid #717070;
    border-left: 1px solid #717070;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mn-book .bx-next:before {
    left:auto;
    right:10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
.mn-service {
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:85px;
}
.mn-service ul {
    height:100%;
}
.mn-service li {
    height:106px;
    text-align:center;
    transition:background-color .3s;
}
.mn-service li ~ li {
    border-top:1px solid #e2e2e2;
}
.mn-service li a {
    position:relative;
    text-align:center;
    height:100%;
    transition:all .5s;
    display:block;
    font-weight:700;
    font-size:14px;
    line-height:1.2em;
    box-sizing:border-box;
    padding-top:20px;
}
.mn-service li a:before {
    content: "";
    display:block; 
    transition:all .3s;
}

/** 교육도서관 신작도서 바로가기 **/
/* mn-book & service */
.mn-contents section.mn-leftquick {
    padding-right:100px;
    border:none;
}
.cbelibquick {
    position:relative;
    height:100%;
    border:1px solid #dadada;
    box-sizing:border-box;
}

.cbelibquick ul {
    widht:100%;
	font-size:0;
	line-height:0;
}

.cbelibquick li {
    position:relative;
    display:inline-block;
	width:100%;
	font-size:16px;
	line-height:52px;
    border-bottom:1px solid #dadada;
}
.cbelibquick li:before {
	content:'';
	position:absolute;
	background-image: url('./images/basic/bg_icon1.svg');
	background-size:15px;
	width:25px; 
	height:25px;
	vertical-align:middle;
	left: 10px;
	top:20px; 
	background-repeat:no-repeat;
}

.cbelibquick li a:before {
    content:"";
    position:absolute;
    float:right; 
    top:50%;
    right:15px;
    width:2px;
    height:14px;
    background:#666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    transition:all .5s;
}

.cbelibquick li a:after {
    content:"";
    position:absolute;
    float:right;
    top:50%;
    right:3px;
    width:14px;
    height:2px;
    background:#666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    transition:all .5s;
}

.cbelibquick li a {
    display:block;
    color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:35px;
	font-weight:700;
}

/** 문학상 시작**/ 

.mn-contents section.mn-laphotoservice {
    padding-right:10px;
    border:none;
}

.mn-laphoto {
    position:relative;
    height:100%;
    border:1px solid #dadada;
    box-sizing:border-box;
}
.mn-laphoto-list {
  padding-top:25px;
}
.mn-laphoto .mn-tabs {
    height:45px;
    border-bottom:1px solid #ddd;
    line-height:45px;
}
.mn-laphoto .mn-tabs .tab-nav {
    width:calc(100% - 45px);
    margin-bottom:30px;
    height:100%;
	font-size:0;
	line-height:0;
}
.mn-laphoto .mn-tabs .tab-nav li {
    border:none;
    box-sizing:border-box;
	display:inline-block;
    border-left:1px solid #ddd;
}
.mn-laphoto .mn-tabs .tab-nav li:first-child {
    border-left:none;
}
.mn-laphoto .mn-tabs .tab-nav li a {
    display:block;
    width:100%;
    height:45px;
    line-height:1.2em;
    font-size:16px;
    line-height:45px;
    color:rgba(0,0,0,.5);
	padding:0;
    text-align:center;
    background:none;
}
.mn-laphoto .mn-tabs .tab-nav li.active {}
.mn-laphoto .mn-tabs .tab-nav li.active a {
    font-weight:700;
    color:#000;
}
.mn-laphoto .mn-tabs .tab-nav li.active a:before {
   display:none;
}
.mn-laphoto .tab_cont .mn-laphoto-list {
    position:relative;
    padding:0 70px;
    background:#fff;
}
.mn-laphoto .tab_cont .mn-laphoto-list li a,
.mn-laphoto-list li a {
    display:block;
}
.mn-laphoto figure {
    position:relative;
    margin:0 auto;
    max-width:220px;
    max-height:193px;
    overflow:hidden;
}
.mn-laphoto figure img {
    display:block;
    width:100%;
}
.mn-laphoto h3 {
    margin:10px auto 0;
    display:block;
    font-size:14px;
	max-width:80%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
    color:rgba(0,0,0,.6);
    text-align:center;
}
.mn-laphoto .bx-prev,
.mn-laphoto .bx-next {
    display:block;
    position:absolute;
    top:50%;
    margin-top:-28px;
    width:30px;
    height:56px;
    text-indent:-9999px;
}
.mn-laphoto .bx-prev {
    left:15px;
}
.mn-laphoto .bx-next {
    right:15px;
}
.mn-laphoto .bx-prev:before,
.mn-laphoto .bx-next:before {
    content:"";
    position:absolute;
    left:10px;
    top:4px;
    width:31px;
    height:31px;
    border-top:1px solid #000;
    border-left:1px solid #000;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mn-laphoto .bx-next:before {
    left:auto;
    right:10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}
/** 문학상 끝**/

/* mn-notice */
.mn-notice {
    margin-left:10px;
}
.mn-notice .mn-tabs .tab-nav {
    margin-bottom:0;
    display:block;
    height: 45px;
    border-bottom:1px solid #dadada;
	padding:0;
	font-size:0;
	line-height:0;
}
.mn-notice .mn-tabs .tab-nav li {
    position:relative;
    display:inline-block;
    border:none;
    padding:0;
    width:auto !important;
	background:#fff;
}
.mn-notice .mn-tabs .tab-nav li:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
    width:1px;
    height:14px;
    background:#ccc;
}
.mn-notice .tab-nav li:first-child:before {
    display:none;
}
.mn-notice .tab-nav li a {
    display:block;
    width:auto;
    height:auto;
    line-height:45px;
    font-size:16px;
    padding:0 14px 0 15px;
    font-weight:700;
    color:#aaa;
    text-align:center;
    background:none;
	border:0;
    text-align:left;
}
.mn-notice .tab-nav li.active a {
    color:#000;
}

.mn-notice .tab_cont ul {
    padding:20px 15px 0 15px;
}
.mn-notice h3{
    font-size:13px;
    line-height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
}
.mn-notice .tab_cont li a:hover h3,
.mn-notice .tab_cont li a:focus h3 {
    text-decoration:underline;
}
.mn-notice .tab_cont li a {
    position:relative;
    display:block;
    font-size:13px;
    padding:0 70px 0 15px;
    line-height:1.846em;
	border:0;
	border-top:0;
	height:auto;
	color:#333;
	background:transparent;
}
.mn-notice .tab_cont li:not(.issue) a:before {
    content:"";
    width:2px;
    height:2px;
    background:#000;
    top:12px;
    left:0;
    position:absolute;
}
.mn-notice .tab_cont time {
    position:absolute;
    top:0;
    right:0;
    color:rgba(0,0,0,.5);
    font-size:12px;
}
.mn-notice .tab_cont li.issue {
    padding-bottom:15px;
    margin-bottom:10px;
    border-bottom:1px dotted #999;
}
.mn-notice .tab_cont li.issue a {
    padding:0;
}
.mn-notice .tab_cont li.issue a > div {
    position:relative;
    max-height:82px;
    overflow:hidden;
}
.mn-notice .tab_cont li.issue h3 {
	font-size:15px;
	max-width:calc(100% - 70px);
}
.mn-notice .tab_cont li.issue time {
    display:block;
    position:absolute;
    /*
    position:static;
    margin-top:-5px;
    */
}
.mn-notice .tab_cont li.issue p {
    margin-top:7px;
    font-size:13px;
    line-height:1.3em;
    height:2.5em;
    overflow:hidden;
}
.mn-notice .tab_cont li.issue p .large strong { 
    font-size:13px;
    line-height:1.3em;
}
.mn-notice .tab_cont li + li { margin-top:3px; }

/* Tab + List */
.tab.list ul{position:relative;margin:0;padding:0;list-style:none;}
.tab.list ul:after{content:"";display:block;clear:both}
.tab-list-nav {position:relative;float:left;text-decoration: none;/* position: relative; *//* border-bottom: 1px solid black; */color: blue;}
.tab-list-nav::after {content: "";position: absolute;left: 0; bottom: -2px;width: 0; /* 초기에는 밑줄을 보이지 않게 함 */height: 2px; background-color: blue; transition: width 0.3s ease; /* 움직임에 애니메이션 효과 추가 */}
.tab-list-nav:focus::after {width: 100%; /* 클릭 또는 포커스 시에 밑줄 표시 */}
.active .tab-list-nav::after{width:100%;} /* .active 클래스가 있는 경우에만 밑줄 유지 */
.tab-list-cont {list-style: none; padding: 0;}
.tab.list li ul{width:100%;position:absolute;top:45px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1;box-sizing:border-box;}
.tab.list li ul:after{content:"";display:block;clear:both}
.tab.list li li{float:none;}
.tab.list li li.more{position:absolute;top:-45px;right:0;}

/*.tab.list.jx{height:auto}
.tab.list.jx ul{border:0}
.tab.list.jx li{float:none;position:relative}
.tab.list.jx li a{float:none;display:block;font-weight:bold;color:#333;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important}
.tab.list.jx li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab.list.jx li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab.list.jx li li.more{top:7px;right:15px;}*/

.mn-notice .tab.list li ul {
	border-top:1px solid #dadada;
}
.mn-notice .tab-list-nav {
    display: block;
    width: auto;
    height: auto;
    line-height: 45px;
    font-size: 16px;
    padding: 0 14px 0 15px;
    font-weight: 700;
    color: #808080;
    text-align: center;
    background: none;
    border: 0;
    text-align: left;
}
.mn-notice .tab.list > ul > li {
	position:relative;
}
.mn-notice .tab.list li.active a {
	color:#000;
}
.mn-notice .tab.list li ~ li .tab-list-nav:before {
    content:"";
    position:absolute;
    left:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform:  translateY(-50%);
    -ms-transform:  translateY(-50%);
    -o-transform:  translateY(-50%);
    transform:  translateY(-50%);
    width:1px;
    height:14px;
    background:#ccc;
}
.mn-notice .tab.list .more a {
	display:block;
    width: 45px;
    height: 45px;
    text-indent: -9999px;
    transition: all .5s;
    border-left: 1px solid #dadada;
}
.mn-notice .tab.list .more a:before {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 14px;
    background: #666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s;
}
.mn-notice .tab.list .more a:after {
	content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: #666;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: all .5s;
}
.mn-notice .tab.list .tab-list-cont {
	padding:20px 15px 0 15px;
}
.mn-notice .tab.list h3{
    font-size:13px;
    line-height:24px;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
}
.mn-notice .tab-list-cont li a:hover h3,
.mn-notice .tab-list-cont  li a:focus h3 {
    text-decoration:underline;
}
.mn-notice .tab-list-cont li:not(.more) a {
    position:relative;
    display:block;
    font-size:13px;
    padding:0 70px 0 15px;
    line-height:1.846em;
	border:0;
	border-top:0;
	height:auto;
	color:#333;
	background:transparent;
}
.mn-notice .tab-list-cont li a:before {
    content:"";
    width:2px;
    height:2px;
    background:#000;
    top:12px;
    left:0;
    position:absolute;
}
.mn-notice .tab-list-cont li.issue a:before {
	display:none;
}
.mn-notice .tab-list-cont time {
    position:absolute;
    top:0;
    right:0;
    color:rgba(0,0,0,.5);
    font-size:12px;
}
.mn-notice .tab-list-cont li.issue {
    padding-bottom:15px;
    margin-bottom:10px;
    border-bottom:1px dotted #999;
}
.mn-notice .tab-list-cont li.issue a {
    padding:0;
}
.mn-notice .tab-list-cont li.issue a > div {
    position:relative;
    max-height:82px;
    overflow:hidden;
}
.mn-notice .tab-list-cont  li.issue h3 {
	font-size:15px;
	max-width:calc(100% - 70px);
}
.mn-notice .tab-list-cont  li.issue time {
    display:block;
    position:absolute;
    /*
    position:static;
    margin-top:-5px;
    */
}
.mn-notice .tab-list-cont  li.issue p {
    margin-top:7px;
    font-size:13px;
    line-height:1.3em;
    height:2.5em;
    overflow:hidden;
}
.mn-notice .tab-list-cont  li.issue p .large strong { 
    font-size:13px;
    line-height:1.3em;
}
.mn-notice .tab_cont li + li { margin-top:3px; }

/* mn-guide */
.mn-guide > cite,
.mn-guide > p,
.mn-guide > ul {
    margin-left:15px;
    margin-right:15px;
    color:#666;
    line-height:1.429em;
}
.mn-guide > cite {
    position:relative;
    display:block;
    margin-top:20px;
    margin-bottom:5px;
    padding-top:5px;
    font-weight:700;
    color:#000;
}
.mn-guide > cite:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:13px;
    height:1px;
    background:#000;
}
.mn-guide li {
    position:relative;
    display:block;
    padding-left:70px;
}
.mn-guide li span,
.mn-guide li a {
    display:block;
     text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal;
    width:100%;
    overflow:hidden;
    color:#666;
}
.mn-guide li cite {
    position:absolute;
    left:0;
    top:0;
    width:72px;
}
.mn-guide > div {
	position:relative;
	height:160px;
	box-sizing:border-box;
}
.mn-guide > div + div {
	border-top:1px solid #dadada;
}
.mn-guide > div p  {
	padding:10px 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

/* mn-favorite */
.mn-favorite {
	position:relative;
}
.mn-favorite > ul {
    padding:20px 15px 15px;
	font-size:0;
	line-height:0;
}
.mn-favorite li {
    position:relative;
    display:inline-block;
	width:50%;
	font-size:14px;
	line-height:2.1em;
}
.mn-favorite li:before {
	content:'';
	position:absolute;
	width:2px;
	height:2px;
	background:#666;
	border-radius:50%;
	left:0;
	top:1.05em;
}
.mn-favorite li a {
    display:block;
    color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-left:10px;
	font-weight:bold;
}
.mn-quick-edu {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	border-top:1px solid #dadada;
	overflow:hidden;
	height:68px;
}
.mn-quick-edu a {
	float:left;
	width:50%;
	box-sizing:border-box;
	font-size:16px;
	font-weight:bold;
	line-height:50px;
	white-space:nowrap;
	text-align:center;
}
.mn-quick-edu a + a {	
	border-left:1px solid #dadada;
}
.mn-quick-edu a:before {
	content:'';
	width:30px;
	height:29px;
	display:inline-block;
	vertical-align:middle;	
	background-repeat:no-repeat;
	background-position:0 center;
}

/* mn-sch */
.mn-sch {
   position:relative;
   padding:25px 145px 25px 25px;
   font-size:0;
   background:#e1e1e1;
}
.mn-sch-cont {
    position: relative;
    display:table;
    margin:0;
    border: none;
    padding: 0 0 0 50px;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    background: url('./images/common/ico_sch.svg') 22px center no-repeat #fff;
    vertical-align:middle;
    width:100%;
    box-sizing:border-box;
    table-layout:fixed;
    font-size:0;
}
/*.mn-sch-cont > .ui-selectmenu-button,
.mn-sch-cont > .ui-selectmenu-button span.ui-selectmenu-text,*/
.mn-sch-cont > select,
.mn-sch-cont input[type=text] {
    display: inline-block;
    border: none;
    height: 45px;
    line-height: 43px;
    vertical-align: top;
    font-size: 14px;
    color: #555;
    right: 3px;
}
.mn-sch-cont > select {
	width:105px;
}
.mn-sch-cont input[type=text] {
    width:calc(100% - 105px);
}
.mn-sch .btn-sch {
    position:absolute;
    top:25px;
    right:25px;
    width:110px;
    text-align:center;
    height:45px;
    line-height:45px;
    background:#424242;
    color:#fff;
    font-size:16px;
    font-weight:700;
    vertical-align:middle;
}

/* mn-banner */
.mn-contents .mn-banner{
    margin-top:10px;
    padding:20px 15px;
    border:none;
    position:relative;
	border:0;
}
.mn-banner h2,
.mn-banner-rolling .bx-controls,
.mn-banner .more-banner {
    position:absolute;
}
.mn-banner h2 {
    font-size:16px;
}
.mn-banner-rolling {
    padding-left:120px;
}
.mn-banner-rolling li {
    box-sizing:border-box;
	position:relative;
}
.mn-banner-rolling li:after {
	/*content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.2);*/
}
.mn-banner-rolling li  a {
    display:block;
    width:100%;
	/*height:100%;*/
	height:43px;
	box-sizing:border-box;
	border:1px solid rgba(0,0,0,.2);
}
.mn-banner-rolling li img {
    display:block;
    width:100%;
    height:35px;
}
.mn-banner-rolling .bx-controls {
    left:15px;
    bottom:15px;
    font-size:0;
    height:25px;
    width:78px;
    border:1px solid #ddd;
}
.mn-banner-rolling .bx-controls > * {
    display:inline-block;
    font-size:0;
}
.mn-banner-rolling .bx-controls .bx-prev,
.mn-banner-rolling .bx-controls .bx-next,
.mn-banner-rolling .bx-controls .bx-controls-auto-item a {
    position:relative;
    display:inline-block;
    height:100%;
    width:25px;
    height:25px;
    background-color:#fff;
    font-size:14px;
    border-right:1px solid #ddd;
    text-indent:-9999px;
}
.mn-banner-rolling .bx-controls .bx-next {
    position:absolute;
    right:0;
    top:0;
}
.mn-banner-rolling .bx-controls .bx-prev:before,
.mn-banner-rolling .bx-controls .bx-next:before {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:7px;
    height:7px;
    border-top:1px solid #666;
    border-left:1px solid #666;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}
.mn-banner-rolling .bx-controls .bx-next:before  {
    left:auto;
    margin-right:-2px;
    right:50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -moz-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    -o-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}
.mn-banner-rolling .bx-controls .bx-stop {
    background: url('./images/main/btn_stop.svg') center no-repeat;
}
.mn-banner-rolling .bx-controls .bx-start {
    background: url('./images/main/btn_play.svg') center no-repeat;
}
.mn-banner .more-banner {
    left:94px;
    bottom:15px;
    width:25px;
    height:25px;
    border:1px solid #ddd;
    border-left:none;
    background:#fff;
    text-indent:-9999px;
}
.mn-banner .more-banner:before {
    content:"";
    position:absolute;
    left:12px;
    top:7px;
    width:1px;
    height:11px;
    background:#666;
}
.mn-banner .more-banner:after {
    content:"";
    position:absolute;
    left:7px;
    top:12px;
    width:11px;
    height:1px;
    background:#666;
}

/* -------------------------------------------------    
	SUB COMMON
------------------------------------------------- */
.sub-visual {
    height:180px;
    text-align:center;
    background-size:cover;
    background-position:center center;
}
.sub-visual .visual-tit {
    padding:45px 15px 25px;
}
.sub-visual .visual-tit img{
   display:block;
   max-width:100%;
   margin:0 auto;
}
.location-bar {
    border-bottom:1px solid #e6e6e6;
    text-align:right;
    margin-bottom:30px;
}
.location-bar .wrap {
    font-size:0;
    border-right:1px solid #e6e6e6;
}
/*.location-bar .wrap > *:not(select) {
    font-size:14px;
    /*border-right:1px solid  #e6e6e6;
    display:inline-block;
    height:50px;
    line-height:50px;
    padding:0 30px;
}*/
.location-bar .wrap > * {
    font-size:14px;
	/*border:0;*/
    border-right:1px solid  #e6e6e6;
    display:inline-block;
    height:50px;
    line-height:50px;
    padding:0 30px 0 10px;
	min-width:100px;
}
.location-bar .wrap > select {
	border:0;
}
.location-bar .wrap > *:first-child {
    border-left:1px solid #e6e6e6;
}
.location-bar .wrap .home {
    text-indent: -9999px;
    background: url('./images/common/ico_home.svg') center no-repeat;
    text-align: center;
	width:50px;
	min-width:0;
	box-sizing:border-box;
	border-right:0;
}
.location-bar .wrap .home + * {
	padding-left: 10px;
    text-align: left;
    margin-right: 3px;
}
/*.location-bar .ui-selectmenu-button {
    width:175px !important;
    border:none;
    border-left:1px solid #e6e6e6;
}
.location-bar .ui-selectmenu-button span.ui-selectmenu-text {
    height:50px;
    line-height:50px;
}*/

/*#wrap .slogan{padding:55px 0 40px;text-align:center;}
#wrap .search_box{width:475px;height:30px;margin:0 auto;}
#wrap .search_box .search_bar{overflow:hidden;width:100%;height:30px;background:url('./images/common/bg_search01.png') 0 0 no-repeat;}
#wrap .search_box .search_bar select{float:left;width:80px;margin:5px 0 0 3px;border:none;vertical-align:top;}
#wrap .search_box .search_bar .inps{float:left;width:325px;height:30px;padding-left:3px;margin-right:7px;line-height:30px;vertical-align:middle;border:none;background:url('./images/common/bg_search02.png') right 0 no-repeat;}
#wrap .search_box .search_bar input{float:right;vertical-align:top;}
#wrap .search_box ul{overflow:hidden;width:100%;padding:10px 0;text-align:center;}
#wrap .search_box ul li{display:inline;}
#wrap .search_box ul li input{vertical-align:middle;border:none;}
#wrap .search_box ul li label{vertical-align:middle;color:#fff;font-weight:600;padding:0 7px 0 7px;white-space:nowrap;}*/

.lib_list_box{position:relative;width:1000px;height:140px;padding:40px 57px 25px;}
.lib_list{overflow:hidden;}
.lib_list {overflow:hidden;height:105px;text-align:center;}
.lib_list li{float:left;display:inline-block;margin:0 3px;}
.lib_list li a{position:relative;display:block;background:#33160e;padding:4px;width:97px;height:97px;}
.lib_list li a:hover, .lib_list li a:focus{background:#ffd900;}
.lib_list li strong{position:absolute;bottom:4px;left:4px;width:97px;padding:4px 0;text-align:center;color:#fff;font-size:13px;background:url('./images/main/bg_png.png') 0 0 repeat;}


/* -------------------------------------------------    
	SUB EDIT	
------------------------------------------------- */
/* layout */
.container {
    box-sizing: border-box;
    max-width:1200px;
    margin:0 auto;
	position:relative;
    overflow:hidden;
}
.sub_wrap{margin:0 auto;padding:0;}
.sub_wrap .container #contents {
    float:right;
    padding:0;
    width:calc(100% - 300px);
}
.sub_wrap .container #contents .sub_top { 
	position:relative;
	padding-bottom:23px;
	background:url('./images/common/bg_sub_top.gif') 0 bottom repeat-x;
	background-size:auto 6px; 
}
.sub_wrap .container #contents .sub_top h2{
	padding:0 0 10px 0;
	color:#000;
	font-size:36px;
	font-weight:600;
	line-height:40px;
}
.sub_wrap .container #contents .sub_top .location {
	color:#666;
	font-size:13px;
	vertical-align:middle;
} 
.sub_wrap .container #contents .sub_top .location span { 
	margin-right:3px; 
}
.sub_wrap .container #contents .sub_top .location img{
	margin:4px 5px 0 0;
}
.sub_wrap .container #contents .sub_top .location strong{
	color:#333;
	font-weight:normal;
}
.sub_wrap .container #contents img {
    max-width:100%;
}
.sub_wrap .container #contents #content {
	position:relative;
	height:auto;
	padding-top:30px;
	padding-bottom:40px; 
	min-height:50vh;
}

/*.itit{height:50px;line-height:50px;margin-bottom:25px;display:block;}
.itit span{display:inline-block;color:#fff;font-size:40px;line-height:50px;height:50px;vertical-align:middle;font-weight:normal;padding-right:50px; font-family:"NanumGothicOTF"}*/

.pagefnc { 
	position:absolute;
	bottom:23px;
	right:0; 
}
.pagefnc a {
	height:24px;
	width:24px;
	display:inline-block;
	vertical-align:top; 
}
.pagefnc a img { display:block;width:24px; }

.pagefnc a + button { margin-left:20px; }
.pagefnc button { 
	height:24px;
	width:24px;
	border:1px solid #bebebe;
	background-color:#f4f4f4;
	vertical-align:top; 
	text-align:center;
	padding:0;
}
.pagefnc button span { 
	width:12px;
	height:12px;
	margin:0 auto;
	display:block;
	position:relative;
	text-indent:-999px;
	overflow:hidden; 
}
.pagefnc button.bigger span:before { 
	position:absolute;
	content:'';
	top:5px;
	left:0;
	width:12px;
	height:2px;
	background:#616161; 
}
.pagefnc button.bigger span:after { 
	position:absolute;
	content:'';
	top:0;
	left:5px;
	width:2px;
	height:12px;
	background:#616161; 
}
.pagefnc button.smaller span:before { 
	position:absolute;
	content:'';
	top:5px;
	left:0;
	width:12px;
	height:2px;
	background:#616161; 
}
.pagefnc .print {
    background:#919191;
    border:1px solid #d3d3d3;
}
.pagefnc .print span { 
	width:16px;
	height:17px;
	background:url('./images/common/ico_print.gif') 0 0 no-repeat; 
}

/* 다이어그램 */
.diagram-pc { display:block; }
.diagram-pc img { display:block;margin:0 auto; }
.diagram-mobile { display:none; }
.diagram-mobile img { display:block;width:100%; }

/*.mindex1{overflow:hidden;width:1000px;margin:0 auto;}
.mindex1 .mbox_wrap{width:990px;margin:0 auto}
.mindex1 .mbox1{float:left;background:#58b7b9 url('./images/main/bg_icon10.png') center 55px no-repeat;}
.mindex1 .mbox1 a{display:block;width:218px;height:220px;text-align:center;font-weight:600;}
.mindex1 .mbox1 a strong{display:block;padding-top:153px;margin-bottom:10px;font-weight:600;font-size:20px;color:#fff;}

.mindex1 .mbox2{float:left;background:#39b54a url('./images/main/bg_icon09.png') center 55px no-repeat;margin:0 38px;}
.mindex1 .mbox2 a{display:block;width:218px;height:220px;text-align:center;font-weight:600;}
.mindex1 .mbox2 a strong{display:block;padding-top:153px;margin-bottom:10px;font-weight:600;font-size:20px;color:#fff;}

.mindex1 .mbox3{float:left;width:224px;}
.mindex1 .mbox3 ul{overflow:hidden;width:100%;margin-bottom:9px;}
.mindex1 .mbox3 ul li a{display:block;width:218px;height:105px;line-height:105px;vertical-align:middle;text-align:center;background:#605ca8 url('./images/main/m1_pbox_wide.png') center 0 no-repeat;color:#fff;font-size:20px;font-weight:600}
.mindex1 .mbox3  a.mbox3_box{display:block;width:218px;height:220px;text-align:center;font-weight:600;background:#448ccb url('./images/main/bg_icon03.png') center 55px no-repeat;}
.mindex1 .mbox3  a.mbox3_box strong{display:block;padding-top:153px;margin-bottom:10px;font-weight:600;font-size:20px;color:#fff;}

.mindex1 .mbox4{float:right;width:235px;}
.mindex1 .mbox4 ul{overflow:hidden;width:100%;margin-bottom:9px;}
.mindex1 .mbox4 ul li{margin-bottom:8px;}
.mindex1 .mbox4 ul li a{display:block;width:218px;height:105px;line-height:105px;vertical-align:middle;text-align:center;color:#fff;font-size:20px;font-weight:600}
.mindex1 .mbox4 ul li .wide_box01{background:#aba000 url('./images/main/m1_grbox3.png') center 0 no-repeat;}
.mindex1 .mbox4 ul li .wide_box02{background:#f7941d url('./images/main/m1_grbox4.png') center 0 no-repeat;}
.mindex2{overflow:hidden;width:1000px;margin:0 auto;}
.mindex2 .mbox_wrap{width:975px;margin:0 auto;}
.mindex2 .mbox1{float:left;width:218px;}
.mindex2 .mbox1 .lib_txt{width:168px;height:158px;padding:30px 25px;margin-bottom:7px;background:#7da7d9;}
.mindex2 .mbox1 .lib_txt a{display:block;color:#fff;font-weight:600;}
.mindex2 .mbox1 .lib_txt a strong{display:block;padding-bottom:10px;font-size:24px;font-weight:600;color:#fff;line-height:30px;}
.mindex2 .mbox1 .lib_txt a span{display:block;padding:10px 0;line-height:14px;}
.mindex2 .mbox1 ul li a{margin-left:110px;}
.mindex2 .mbox2{position:relative;float:left;width:442px;height:330px;margin:0 43px 0 47px;background:url('./images/main/img_gree.jpg') 0 0 no-repeat;}
.mindex2 .mbox2  a{display:block;}
.mindex2 .mbox2 strong{position:absolute;top:30px;left:25px;font-size:24px;line-height:28px;color:#414141;font-weight:600;}
.mindex2 .mbox2 span{position:absolute;top:30px;right:30px;}
.mindex2 .mbox3{float:right;width:225px;}
.mindex2 .mbox3 ul{overflow:hidden;width:100%;margin-bottom:7px;}
.mindex2 .mbox3 ul li{float:left;margin-left:7px;}
.mindex2 .mbox3 ul li a{display:block;}
.mindex2 .mbox3 .mmap{width:225px;height:218px;}
.mindex2 .mbox3 .mmap a{display:block;width:218px;height:85px;padding-top:133px;margin-left:7px;color:#fff;text-align:center;font-weight:600;background:#6ab539 url('./images/main/bg_icon06.png') center 40px no-repeat;}
.mindex2 .mbox3 .mmap a strong{display:block;font-size:18px;font-weight:600;margin-bottom:20px;}
.mindex2 .mbox3 .mmap a span{font-size:14px;line-height:15px;color:#ddeec2;}

.mindex3{overflow:hidden;width:1000px;margin:0 auto;}
.mindex3 .mbox_wrap{width:968px;margin:0 auto;}
.mindex3 .blink_list{overflow:hidden;width:100%;}
.mindex3 .blink_list li{float:left;margin:0 11px;}
.mindex3 .blink_list li a{display:block;width:220px;height:220px;text-align:center;font-weight:600;}
.mindex3 .blink_list li a strong{display:block;padding-top:153px;margin-bottom:10px;font-weight:600;font-size:20px;color:#fff;}
.mindex3 .blink_list li.blink01{background:#448ccb url('./images/main/bg_icon01.png') center 55px no-repeat;}
.mindex3 .blink_list li.blink01 span{color:#fff;}
.mindex3 .blink_list li.blink02{background:#39b54a url('./images/main/bg_icon02.png') center 55px no-repeat;}
.mindex3 .blink_list li.blink02 span{color:#fff;}
.mindex3 .blink_list li.blink03{background:#f7941d url('./images/main/bg_icon03.png') center 55px no-repeat;}
.mindex3 .blink_list li.blink03 span{color:#fff}
.mindex3 .blink_list li.blink04{background:#f26d7d url('./images/main/bg_icon04.png') center 55px no-repeat;}
.mindex3 .blink_list li.blink04 span{color:#fff}

.mindex4{overflow:hidden;width:1000px;margin:0 auto;}
.mindex4 .mbox_wrap{width:968px;margin:0 auto;}
.mindex4 .blink_list{overflow:hidden;width:100%;}
.mindex4 .blink_list li{float:left;margin:0 11px;}
.mindex4 .blink_list li a{display:block;width:220px;height:220px;text-align:center;font-weight:600;}
.mindex4 .blink_list li a strong{display:block;padding-top:153px;margin-bottom:10px;font-weight:600;font-size:20px;color:#fff;}
.mindex4 .blink_list li a span{line-height:13px;letter-spacing:-0.08em;}
.mindex4 .blink_list li.blink01{background:#448ccb url('./images/main/bg_icon11.png') center 66px no-repeat;}
.mindex4 .blink_list li.blink01 span{color:#fff;}
.mindex4 .blink_list li.blink02{background:#39b5aa url('./images/main/bg_icon12.png') center 60px no-repeat;}
.mindex4 .blink_list li.blink02 span{color:#fff;}
.mindex4 .blink_list li.blink03{background:#f26d7d url('./images/main/bg_icon13.png') center 53px no-repeat;}
.mindex4 .blink_list li.blink03 span{color:#fff}
.mindex4 .blink_list li.blink04{background:#a86df2 url('./images/main/bg_icon14.png') center 62px no-repeat;}
.mindex4 .blink_list li.blink04 span{color:#fff}

.mindex5{overflow:hidden;width:1000px;margin:0 auto;}
.mindex5 .mbox_wrap{width:975px;margin:0 auto;}
.mindex5 .mbox1{float:left;width:224px;}
.mindex5 .mbox1 .faq{display:block;width:217px;height:65px;padding-top:152px;background:#448ccb url('./images/main/bg_icon09.png') center 50px no-repeat;;color:#fff;font-size:20px;text-align:center;}
.mindex5 .mbox1 ul{overflow:hidden;width:100%;margin-top:7px;}
.mindex5 .mbox1 ul li{float:left;margin-right:7px;}
.mindex5 .mbox2{position:relative;float:left;width:380px;height:157px;padding:30px;margin:0 44px 0 42px;background:#a6c21f;}
.mindex5 .mbox2 h3{margin-bottom:25px;color:#fff;font-size:20px;}
.mindex5 .mbox2 li{overflow:hidden;width:100%;padding:7px 0;border-bottom:1px dashed #c1d463;font-family:"돋움", "Dotum";color:#fff;}
.mindex5 .mbox2 li strong{float:left;color:#fff;line-height:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mindex5 .mbox2 li a strong{width:250px;color:#fff;} 
.mindex5 .mbox2 li span{float:right;color:#fff200;font-size:11px;line-height:14px;}
.mindex5 .mbox2 .more{position:absolute;top:35px;right:30px;font-size:11px;color:#fff;font-weight:600;font-family:"돋움", "Dotum"}
.mindex5 .mbox3{float:right;width:224px;}
.mindex5 .mbox3 .qna{display:block;width:217px;height:65px;padding-top:152px;margin-left:7px;background:#a67c52 url('./images/main/bg_icon05.png') center 50px no-repeat;color:#fff;font-size:20px;text-align:center;}
.mindex5 .mbox3 ul{overflow:hidden;width:100%;margin-top:7px;}
.mindex5 .mbox3 ul li{float:left;margin-left:7px;}
.mindex5 .mbox3 ul li a{display:block;}

.mindex6{overflow:hidden;width:1000px;margin:0 auto;}
.mindex6 .mbox_wrap{width:925px;margin:0 auto;}
.mindex6 .mbox1{float:left;width:218px;height:217px;margin-right:20px;background:#448ccb url('./images/main/bg_icon05.png') center 30px no-repeat;}
.mindex6 .mbox_wrap a{display:block;padding:130px 5px 0 20px;color:#fff;font-weight:600;}
.mindex6 .mbox_wrap a strong{display:block;margin-bottom:10px;font-size:24px;font-weight:600;}
.mindex6 .mbox_wrap a span{color:#fff;line-height:14px;letter-spacing:-0.09em;}
.mindex6 .mbox2{float:left;width:460px;padding:110px 0 0 223px;background:url('./images/main/bg_mbox02.png') 0 0 no-repeat;}
.mindex6 .law02{float:left;width:193px;height:80px;margin-right:20px;background:#6ab539 url('./images/main/bg_icon06.png') center 40px no-repeat;}
.mindex6 .law02 span{color:#ddf4cd}
.mindex6 .law03{float:left;width:193px;height:80px;background:#f7941d url('./images/main/bg_icon07.png') center 40px no-repeat;}
.mindex6 .law03 span{color:#f4e5cd}*/

/* sub_layout */
/*.top_lacation_box{display:none;}
.top_lacation_box .top_location{position:relative;width:1000px;margin:0 auto;}

.sub_wrap .container{position:relative;}
.sub_wrap .container:after{content:"";display:block;clear:both;;}
.sub_wrap .container #submenu{float:left;width:200px;margin-right:25px;} 
.sub_wrap .container #submenu .sbtit{width:100%;height:200px;vertical-align:middle;color:#fff;text-align:center;}
.sub_wrap .container #submenu .sbtit h2{padding:50px 0 20px;font-size:24px;font-weight:600;}
.sub_wrap .container #submenu .sbtit span{display:block;padding:0 20px;font-weight:600;font-size:14px;line-height:18px;}
*/
/* sub tabs */ 
.tabs .tab-nav {
	min-height: 57px;
	border-bottom: 1px solid #ddd;
	width:100%;
	margin-bottom:15px;
}
.tabs .tab-nav li {
	float: left;
	height: 55px;
	line-height: 31px;
	border-left: none;
	background:#f9f9f9;
	border-top:2px solid #c8c8c8;
	overflow:hidden;
	position:relative;
	border-right:1px solid #d5d5d5;
}
.tabs .tab-nav li.active {
	border-top:2px solid #000;
}
.tabs .tab-nav li:first-child {
	border-left:1px solid #d5d5d5;
}
.tabs .tab-nav li.active {
	height:56px;
	background:#fff;
}
.tabs .tab-nav li a {
	line-height:35px;
	color:#000000;
	display: block;
	font-size:15px;
	padding: 10px 30px 10px 30px;
	font-weight:600;
}
.tabs .tab-nav li.active a{
	background:#fff;
	color:#333;
}
.tabs .ui-tabs-tab.ui-state-focus a{
    border:1px dashed #333;
    box-sizing:border-box;
} 

.tab_content{
	*zoom:1;display:block;
	clear:both;
	width:100%;
	min-height:500px;
	border-top: none;
	background: #fff;
}
.tabs2 {min-height: 57px;width:100%;margin-bottom:30px;}
.tabs2 ul { border-bottom: 1px solid #ddd;font-size:0;line-height:0; }
.tabs2 li { display:inline-block;vertical-align:top;height: 57px;line-height: 31px;border-left: none;background:#e0e0e0;overflow:hidden;position:relative;}
.tabs2 li a {box-sizing:border-box;height: 57px;line-height:37px;color:#666;display: block;font-size:15px;padding: 10px 15px;font-weight:600;border:1px solid #e3e3e3;border-bottom:0;border-top:2px solid #c8c8c8;background:#f9f9f9;}
.tabs2 li + li a { border-left:0; }
.tabs2 li.active{z-index:relative;background:#fff;height:58px;margin-bottom:-1px;}
.tabs2 li.active a{background:#fff;border-top:2px solid #000;color:#333;}
.tab_content{*zoom:1;display:block;clear:both;width:100%;min-height:500px;border-top: none;background: #fff;}

/* icon_style  */
.icon1{background:url('./images/basic/bg_icon1.svg') 0 5px no-repeat;margin-top:40px;font-size:18px;line-height:24px;padding-left: 20px;margin-bottom:15px;color:#565656;}
.icon1:first-child,
link + .icon1,
input[type="hidden"] + .icon1 { margin-top:0; }
.icon1_2{background:url('./images/basic/bg_icon1_2.gif') 0 0 no-repeat;font-size:14px; padding-left:20px; margin:8px 0 8px 12px;color:#565656;font-weight:normal;}
.icon2{background:url('./images/basic/bg_icon2.gif') 0 5px no-repeat; font-size:14px; padding-left:20px; margin:8px 0 8px 20px;font-weight:normal;}
h4.icon2 { line-height:20px; }
.icon2_2{background:url('./images/basic/bg_icon2_2.gif') 0 5px no-repeat; font-size:14px; padding-left:20px; margin:8px 0 8px 20px;font-weight:normal;}
.icon3{background:url('./images/basic/bg_icon3.gif') 0 8px no-repeat;font-size:14px; padding-left:11px; margin-left:35px; font-weight:normal;color:#666;}
h5.icon3 { line-height:20px; }
.icon3_2{background:url('./images/basic/bg_icon3_2.gif') 0 2px no-repeat; padding-left:11px; margin:8px 0 8px 35px;font-weight:normal;}
.icon2_list li{background:url('./images/basic/bg_icon2.gif') 0 4px no-repeat; padding-left:20px; margin:8px 0 8px 20px;font-weight:normal;}
.icon3_list{padding:3px 0;}
.icon3_list li{background:url('./images/basic/bg_icon3.gif') 0 7px no-repeat; padding-left:12px; margin: 4px 0 4px 0px; font-weight:normal;color:#666;}
.icon_none{margin:7px 0px;}
.icon_none li{background:none;margin-left:0px;padding-left:5px; }

.section {margin-bottom:10px; margin-left:0px;text-align:justify;line-height:1.7em}
.section1 {margin-bottom:10px; margin-left: 20px;text-align:justify;line-height:1.7em}
.section2 {margin-bottom:10px; margin-left: 40px;text-align:justify;line-height:1.7em}
.section3 {margin-bottom:10px; margin-left:46px;text-align:justify;line-height:1.7em} 

ul.section1 li + li,
ul.section2 li + li { margin-top:5px; }

/* schedule_search */
.cal_search_box{clear:both;padding:20px 0 20px;height:40px;text-align:center;background:#fcfcfc;border-bottom:1px solid #D9D9D9}
.cal_search_box input{vertical-align:middle;}
.cal_search_box select{vertical-align:middle;height:20px;font-size:11px;}
.cal_search_box .inp{width:315px;height:40px;padding-left:10px;border:1px solid #e6e6e6;}
.cal_search_box .btn_search{padding-top:2px;}

/*  schedule */
#schedule{width:100%;margin:40px auto 0;}
#schedule .month{margin-bottom:20px;text-align:center;}
#schedule .month strong{margin:0 50px;color:#515151;font-size:26px;vertical-align:top;}

#schedule .cal_type{overflow:hidden;width:100%;margin-bottom:15px;}
#schedule .cal_type li{float:left;height:27px;}
#schedule .cal_type li a, .cal_type li a span{background:url('./images/calendar/bg_button.gif') 0 0 no-repeat;}
#schedule .cal_type li a{display:block;width:116px;height:14px;margin-right:7px;padding:5px 0 6px 6px;background-position:0 0;color:#666666;font-weight:bold;border:1px solid #e2e2e2;cursor:pointer;}
#schedule .cal_type li a.this{;line-height:27px;background-position:0 -30px;color:#fff;}
#schedule .cal_type li span{display:block;height:14px;vertical-align:middle;padding-left:25px;line-height:16px;letter-spacing:-0.09em;}
#schedule .cal_type li a .ctype1{background-position:0 -137px;}
#schedule .cal_type li a .ctype2{background-position:0 -170px}
#schedule .cal_type li a.this .ctype1{background-position:0 -153px}
#schedule .cal_type li a.this .ctype2{background-position:0 -187px}

#schedule .mcalendar{position:relative;}
#schedule .mcal_chart{border-collapse:collapse;width:100%;border-top:2px solid #585757;background:url('./images/calendar/bg_cal_bar.gif') repeat-x;}
#schedule .mcal_chart thead th{height:35px;line-height:35px;vertical-align:middle;border-bottom:1px solid #585757;color:#515151;}
#schedule .mcal_chart tbody td{display:table-cell;vertical-align:top;width:14%;height:145px;border:1px solid #dfdfdf;font-size:11px;color:#515151;font-weight:bold;}
#schedule .mcal_chart tbody td.today{background:#f5f7fa;}
#schedule .mcal_chart tbody td span{display:block;color:#8d8d8d;margin:12px 0 5px 5px;font-size:12px;}
#schedule .mcal_chart tbody td span.op{opacity: 0.3;filter:alpha(opacity=30);}
#schedule .mcal_chart tbody td span.sat{color:#0063de;}
#schedule .mcal_chart tbody td span.sun{color:#ff4200;}
#schedule .mcal_chart tbody td div{padding:5px;}
#schedule .mcal_chart tbody td div a{color:#073b77;}
#schedule .skin1{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;color:#ffffff; background:#384A5A;}
#schedule .skin2{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;background:#f0b501;}
#schedule .skin3{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;color:#ffffff; background:#384A5A;}
/*#schedule .skin1{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;background:#046ea7;}
#schedule .skin2{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;background:#f0b501;}
#schedule .skin3{line-height:25px;height:25px;padding-left:5px;vertical-align:middle;background:#a3bf42;} */
#schedule .skin1 a, #schedule .skin2 a, #schedule .skin3 a{font-weight:bold;font-size:11px;color:#fff;}
#schedule .fc-event-title{color:#fff;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#schedule .mcal_chart tbody td{vertical-align:top;}
#schedule .mcal_chart tbody td div .process_box{font-weight:normal;margin-top:20px;}
#schedule .mcal_chart tbody td div .process_box strong{margin:0 0 5px 0;padding:2px 5px;font-weight:normal;}
#schedule .mcal_chart tbody td div .process_box span{display:block;margin:10px 0 0;color:#484646}
#schedule .mcal_chart tbody td div .process_box .end{background:#7c7c7c;border:1px solid #5f5f5f;color:#fff;}
#schedule .mcal_chart tbody td div .process_box .apply{background:#d8540d;border:1px solid #b42f00;color:#fff;}
#schedule .mcal_chart tbody td div .process_box .apply a{color:#fff;}
.exprn-applcnt-table .form-error{color:red;}

/*  schedule_list */
.schedule_list {border-collapse:collapse;width:100%;border-top:2px solid #585757;}
.schedule_list thead th{height:35px;line-height:35px;vertical-align:middle;background:#f9f9f9;border-bottom:1px solid #585757;color:#515151;}
.schedule_list thead th.cnum{width:40px;}
.schedule_list thead th.ccat{width:80px;}
.schedule_list thead th.cing{width:50px;}
.schedule_list thead th.csch{width:160px;}
.schedule_list thead th.cdate{width:80px;}
.schedule_list thead th.chit{width:50px;}
.schedule_list tbody td{height:40px;border-bottom:1px solid #d2d2d2;text-align:center;}
.schedule_list tbody td.tit{width:200px;text-align:left;padding-left:30px;}
.schedule_list tbody td.tit a{display:block;width:200px;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#schedule .fc-other-month{opacity:0.3;filter:alpha(opacity=30);}

/*  schedule_view*/
.schedule_view h3{padding-left:20px;height:35px;font-size:14px;line-height:35px;background:#f9f9f9;border-top:2px solid #585757;border-bottom:1px solid #585757;color:#515151;}
.schedule_view dl.view_info, .schedule_view dl.view_info2{overflow:hidden;width:100%;border-bottom:1px solid #d2d2d2;}
.schedule_view .view_info dt{float:left;width:12%;height:40px;padding-left:3%;line-height:40px;vertical-align:middle;color:#515151;font-weight:bold;background:url('./images/calendar/bg_dt_bar.gif') 95% 12px no-repeat;}
.schedule_view .view_info dd{float:left;width:81%;height:20px;padding:10px 0 10px 3%;line-height:20px;vertical-align:middle;}
.schedule_view .view_info2 dt{float:left;height:40px;width:6%;padding-left:3%;line-height:40px;vertical-align:middle;color:#515151;font-weight:bold;background:url('./images/calendar/bg_dt_bar.gif') 95% 12px no-repeat;}
.schedule_view .view_info2 dt.writer{width:12%;}
.schedule_view .view_info2 dd{float:left;height:40px;padding-left:2%;line-height:40px;}
.schedule_view .view_info2 dd.writer{width:49%;padding-left:3%;}
.view_cont{min-height:250px;padding:35px;border-bottom:1px solid #d2d2d2;}

/*  schedule_write */
.schedule_write{width:100%;border-top:2px solid #585757;}
.schedule_write dl{overflow:hidden;width:100%;background:#F6F6F6; }
.schedule_write dt{float:left;width:17%;padding:4px 0 5px 3%; min-height:23px;line-height:23px;vertical-align:middle;background:#F6F6F6;font-weight:bold;border-bottom: 1px solid #d1d1d1;}
.schedule_write dd{float:left;width:77%;padding:4px 0 5px 3%;min-height:23px;line-height:23px;vertical-align:middle;background:#fff;border-bottom: 1px solid #d1d1d1;}
.schedule_write dd input.tit{width:95%;line-height:20px;vertical-align:middle;border:1px solid #d1d1d1;}
.schedule_write dd select{border: 1px solid #d1d1d1;}
.schedule_write dt.file, .board_write dd.file{border-bottom:none;}
.schedule_write dd input.file_up{border: 1px solid #d1d1d1;width:95%;}
.schedule_write dd ul.file_list{padding:3px 0;}
.schedule_write dd ul.file_list li{padding:2px 0;line-height:14px;}
.schedule_write dd ul.file_list li img{vertical-align:middle;}
.schedule_write dd.write_cont{width:100%;padding:0;border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.schedule_write dd.write_cont textarea{width:100%;min-height:400px;border:none;font-size:12px;}
.schedule_write dd.progress_cho input{margin:0 5px;vertical-align:middle;}
.schedule_write dd.progress_cho label{margin:0 5px;line-height:14px;vertical-align:middle;}
.schedule_write dd select{vertical-align:middle;}

.schedule_write  .file_box {padding:10px;margin:20px 0 10px 0;border:1px solid #D1D1D1;}
.schedule_write  .file_top {overflow:hidden;width:100%;padding:10px 0;}
.schedule_write  .file_top .file_btn{float:left;}
.schedule_write  .file_top .file_info{float:right; line-height:21px;}
.schedule_write table.file_list_chart{border-collapse:collapse;width:100%;border:1px solid #c8c8c8; line-height:18px;}
.schedule_write table.file_list_chart thead th{border:1px solid #D1D1D1;background:#F6F6F6;}
.schedule_write table.file_list_chart tbody td{border:none;text-align:left;padding:5px;}
.schedule_write table.file_list_chart tbody td img{vertical-align:middle;}
.schedule_write table.file_list_chart tbody td.size{text-align:right;width:100px;padding-right:20px;}
.schedule_write table.file_list_chart tbody td.del{text-align:center;width:50px;}

.work-table-cntnts { text-align:center;font-size:16px; }
.work-table-ctpnt { font-size:16px; }

/* 기본 표(세로테이블)   */
table.chart { margin-top:5px;border-collapse:collapse; width:100%;border-top:2px solid #888888;margin-bottom:10px;font-size:13px;}
table.chart th,  
table.chart td {border: 1px solid #D0D0D0;border-top:0;padding:8px 10px;text-align:center;word-break: break-all;height:40px;}
table.chart thead th {background:#F5F5F5;border:1px solid #D0D0D0;text-align:center;color:#000000;}
table.chart tbody th{color:#000;}
table.chart tbody strong{color:#000;}
table.chart td.alL{text-align:left;}
table.chart td.bg{background:#F5F5F5;}
table.chart tbody th.bg{background:#F5F5F5;color:#000;} 
table.chart tfoot{color:#000;}

/* 기본 표(세로테이블) 정의 */
table.chart1 { border-collapse:collapse; width:100%; font-size:13px;line-height:18px;border-top:2px solid #888888;margin-bottom:10px;}
table.chart1 th,  table.chart1 td {border: 1px solid #D0D0D0;border-top:0;padding:5px 10px;text-align:center;height:40px;}
table.chart1 thead th {background:#F5F5F5;border:1px solid #D0D0D0;text-align:center;color:#000000;}
table.chart1 tbody td{text-align:left;}
table.chart1 tbody td.bg{background:#F5F5F5;}
table.chart1 td.alL{text-align:left;}

/* 기본 표(가로 테이블)   */
table.chart2 {border-collapse:collapse; width:100%; font-size:13px;line-height:18px;margin-bottom:10px;border-top:2px solid #888888;}
table.chart2 > tbody > tr > th,  
table.chart2 > tbody > tr > td {border-bottom: 1px solid #D0D0D0;padding:5px 10px;/*text-align:center;*/height:40px;}
table.chart2 > tbody > tr:first-child th,  
table.chart2 > tbody > tr:first-child td { border-top: 2px solid #666;padding:5px 10px;/*text-align:center;*/height:40px; }
table.chart2 > thead > tr > th { border-bottom:0;background:#f9f9f9 }
table.chart2 thead + tbody tr:first-child th,  
table.chart2 thead + tbody tr:first-child td { border-top: 1px solid #D0D0D0; }
table.chart2 td table tr:first-child th, 
table.chart2 td table tr:first-child td { border-top: 1px solid #D0D0D0; }
table.chart2 tbody th {background:#F5F5F5;text-align:left;color:#000000;}
table.chart2 > tbody > tr > td {text-align:left;}
table.chart2 tbody td.bg{background:#F5F5F5;} 

/* 기본 표(가로 테이블) 정의   */
table.chart4 {border-collapse:collapse; width:100%; font-size:13px;line-height:18px;margin-bottom:10px;border-top:2px solid #888888;}
table.chart4 > tbody > tr > th,  
table.chart4 > tbody > tr > td {border-bottom: 1px solid #D0D0D0;padding:5px 10px;/*text-align:center;*/height:40px;}
table.chart4 > tbody > tr:first-child th,  
table.chart4 > tbody > tr:first-child td { border-top: 2px solid #666;padding:5px 10px;/*text-align:center;*/height:40px; }
table.chart4 > thead > tr > th { border-bottom:0;background:#f9f9f9 }
table.chart4 thead + tbody tr:first-child th,  
table.chart4 thead + tbody tr:first-child td { border-top: 1px solid #D0D0D0; }
table.chart4 td table tr:first-child th, 
table.chart4 td table tr:first-child td { border-top: 1px solid #D0D0D0; }
table.chart4 tbody th {background:#F5F5F5;text-align:center;color:#000000;}
table.chart4 > tbody > tr > td {text-align:left;}
table.chart4 tbody td.bg{background:#F5F5F5;} 

table.chart2_alC {border-collapse:collapse; width:100%; font-size:13px;line-height:18px;border-top:2px solid #888888;margin-bottom:10px;}
table.chart2_alC th,  table.chart2_alC td {border-bottom: 1px solid #D0D0D0;padding:5px 10px;text-align:center;height:40px;}
table.chart2_alC tbody th {background:#F5F5F5;text-align:left;color:#000000;}
table.chart2_alC tbody td {text-align:center;}
table.chart2_alC tbody td.bg{background:#F5F5F5;} 

table.result_chart { border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-top:2px solid #5D99D2;margin-bottom:10px;}
table.result_chart th, table.result_chart td {border:1px solid #b6cce2;padding:5px 10px;text-align:center;}
table.result_chart thead th {background:#edf3fa;border:1px solid #b6cce2;text-align:center;color:#000000;}
table.result_chart tbody th{color:#4E81CC;}
table.result_chart tbody strong{color:#000;}
table.result_chart td.alL{text-align:left;}
table.result_chart td.bg{background:#edf3fa;}
table.result_chart tbody th.bg{background:#edf3fa;color:#000;} 
table.result_chart tfoot{color:#000;}

table.result_chart2 {border-collapse:collapse; width:100%; font-size:12px;line-height:18px;border-top:2px solid #5D99D2;margin-bottom:10px;}
table.result_chart2 th, table.result_chart2 td {border:1px solid #b6cce2;padding:5px 10px;text-align:center;}
table.result_chart2 tbody th {background:#edf3fa;border:1px solid #b6cce2;text-align:center;color:#4E81CC;}
table.result_chart2 tbody td{text-align:left;}
table.result_chart2 tbody td.alC{text-align:center;}
table.result_chart2 tbody td.bg{background:#edf3fa;} 

.popbox{width:100%;height:auto;position:relative;}
.popbox .popboxtop{width:100%;height:55px;position:relative;background:url('./images/calendar/pop_tit_bg.png') repeat-x;}
.popbox .popboxtop .popboxh3{width:300px;height:auto;padding-left:25px;font-size:14px;color:#fff;line-height:50px;float:left;}
.popbox .popboxtop .popboxclose{width:20px;height:20px;float:right;padding:15px 15px 0 0;}
.popbox .popboxconall{width:auto; max-width:400px;height:auto;position:relative;margin:80px auto 0;padding-top:14px;background:url('./images/calendar/pop_conbg_top.png') no-repeat;}
.popbox .popboxconall form{height:auto;background:url('./images/calendar/pop_conbg_bottom.png') 0 100% no-repeat;padding-bottom:14px;}
.popbox .popboxconall .popboxcon{height:auto;background:url('./images/calendar/pop_conbg_y.png') repeat-y;padding:0 20px;}
.popboxcon .basicbigty1{font-size:15px;margin-bottom:20px;}
.popboxcon p{padding-bottom:20px;}
.popboxcon p.center{text-align:center;}
.popbox .t_title{margin-top:20px;}

#popsubboxtop{width:100%;height:55px;position:relative;background:url('./images/calendar/pop_tit_bg.png') repeat-x;}
#popsubboxtop h1{width:300px;height:auto;padding-left:25px;font-size:14px;color:#fff;line-height:50px;float:left;}
#popsubboxtop .popsubboxclose{width:20px;height:20px;float:right;padding:15px 15px 0 0;}
#popsubboxcontxt{width:auto;max-width:600px;margin:0 auto;padding-top:20px;}
#popsubboxcontxt .poll_result_man_j{margin-bottom:5px;font-size:13px;font-weight:bold;text-align:right;}
#popsubboxcontxt .poll_result_man_j a{display:none;}

#popsubboxcontxt .poll_result_t_j{border-collapse:collapse;width:100%;border-top:2px solid #585757;}
#popsubboxcontxt .poll_result_t_j th,
#popsubboxcontxt .poll_result_t_j td{height:40px;border:1px solid #d2d2d2;text-align:center;}
#popsubboxcontxt .poll_result_t_j td.per_re{padding:0 10px;text-align:left;}
#popsubboxcontxt .poll_result_t_j td.color_td{padding:0 10px;text-align:left;}
#popsubboxcontxt .poll_result_t_j .fc-other-month{opacity:0.3;filter:alpha(opacity=30);}

.pbg{border:1px solid #ddd;background:#f9f9f9;padding:20px;}
.pbg + .chart1 {margin-top:20px;}

/* PAGING */
/*#paging { width: 100%; color: #7F7F7F;  font-style: normal; margin: 20px 0; font-weight: bold; text-align: center; }
#paging a {margin:0 5px;}
#paging img {vertical-align:middle;}

#paging a {display:inline-block; width:34px; height:34px; line-height:34px; vertical-align:middle; border:1px solid #dadada;}
#paging a span {position:absolute; z-index:-1;visibility:hidden;}
#paging .first {position:relative;background:url("./images/calendar/btn_first_scn.gif") left center no-repeat;  width:18px; height:17px; }
#paging .prev {position:relative;background:url("./images/calendar/btn_prev.gif") left center no-repeat;  width:18px; height:17px; }
#paging .next {position:relative;background:url("./images/calendar/btn_next.gif") left center no-repeat;  width:18px; height:17px; }
#paging .last {position:relative;background:url("./images/calendar/btn_last_scn.gif") left center no-repeat;  width:18px; height:17px; }
#paging .current {display:inline-block; margin: 0 5px; vertical-align:middle;color:#000}*/

/* board_paging */
#paging {width: 100%; color: #7F7F7F; font-style: normal; margin: 20px 0; font-weight: bold; text-align: center;}
#paging img {vertical-align:middle;}
#paging a {display:inline-block; width:34px; height:34px; line-height:34px; vertical-align:middle; border:1px solid #dadada; margin:0 2px 0 3px; font-size:14px; color:#666;}
#paging a:hover {background-color:#fafafa; color:#000;}
#paging a span {position:absolute; z-index:-1;visibility:hidden;}
#paging .first {position:relative; background:url("/str/cre/bbs/tmplat/BBSTMP_0000000000005/images/btn_first.svg") center no-repeat;}
#paging .prev {position:relative; background:url("/str/cre/bbs/tmplat/BBSTMP_0000000000005/images/btn_prev.svg") center no-repeat;}
#paging .next {position:relative; background:url("/str/cre/bbs/tmplat/BBSTMP_0000000000005/images/btn_next.svg") center no-repeat;}
#paging .last {position:relative; background:url("/str/cre/bbs/tmplat/BBSTMP_0000000000005/images/btn_last.svg") center no-repeat;}
#paging .current {display:inline-block; background:#444; color:#fff; width:36px; height:36px; line-height:36px;vertical-align:middle; margin: 2px 3px 3px 2px;}

#pop_research{background:#fff;position:absolute;top:150px;left:180px;z-index:100;width:660px;}
#pop_research h1{background:url('./images/calendar/poll_result_top.gif') 0 0 no-repeat;color:#fff;height:42px;line-height:42px;font-size:14px;vertical-align:middle;padding-left:20px}
#pop_research .pop_research_cont{padding:20px;background:url('./images/calendar/poll_result_bg.gif') 0 bottom no-repeat;}
#pop_research .research_cont{height:400px;overflow-y:scroll;overflow-x:hidden;}
#pop_research .result_area{background:#999999;height:200px;}
#pop_research .result_man{border:1px solid #97BEF6;padding:20px;margin:20px  0;font-weight:bold;font-size:14px;text-align:center;}
#pop_research .result_man .pt1{color:#3A8990;}
#pop_research .result_man .pt2{color:#4E81CC;}
#pop_research .eng_11{font-size:11px;color:#A4A4A4;}
#pop_research .per{font-weight:bold;}
#pop_research .re_close{position:absolute;top:9px;right:19px;}

.color_ver1{background:#9DB665;height:12px;}
.color_ver2{background:#65A8B6;height:12px;}
.color_ver3{background:#7E65B6;height:12px;}
.color_ver4{background:#B6656C;height:12px;}

/*  만족도조사 */
.satisfaction{position:relative;padding:25px 20px;margin:80px 0 30px 0px;border:1px solid #dddddd;background:#fff;clear:both;}
.satisfaction .stf_info{ display:none;overflow:hidden;position:relative;padding:5px 0px 5px 10px;border-bottom:1px dashed #dddddd;}
.satisfaction .stf_info span{float:left;min-width:60%;}
.satisfaction .stf_info .stf_info_btn{float:right;}
.satisfaction .stf_info .stf_info_btn button{float:left;background:none;border:none;padding:0;margin-left:3px;}
.satisfaction .stf_info .stf_info_btn form{float:left;}
.satisfaction .stf_chk{overflow:hidden;width:100%;}
.satisfaction .stf_chk strong{ display:block;position:relative;float:left;font-size:16px;line-height:26px;padding-left:40px;color:#333;}
.satisfaction .stf_chk strong:before { content:'';position:absolute;top:0;left:0;background:#999999;border-radius:50%;width:26px;height:26px; }
.satisfaction .stf_chk strong:after { content:'';position:absolute;top:7px;left:5px;width:12px;height:5px;border-left:3px solid #fff;border-bottom:3px solid #fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); }
.satisfaction .stf_chk strong + span{ float:right; }
.satisfaction .stf_chk span label{margin:0 2px;vertical-align:middle;}
.satisfaction .stf_chk span label img{padding-top:5px;}
.satisfaction .stf_chk span input{vertical-align:middle;}
.satisfaction .stf_inp { overflow:hidden;position:relative;margin-top:20px; }
.satisfaction .stf_inp .inp{ float:left;width:86%;box-sizing:border-box;height:40px;padding-left:10px;background:#f6f6f6;border:1px solid #e4e4e4;font-size:14px;vertical-align:top;}
.satisfaction .stf_inp .btn_click{  
	float: right;
    width: 13%;
    box-sizing: border-box;
    height: 40px;
    background: #2d343e;
    font-size: 14px;
    color: #fff;
    margin-top:2px;
    margin-bottom:2px;
    margin-right:2px;    
}

/* 사이트맵 */
#all_sitemap {font-size:0;}
#all_sitemap dl {font-size:14px;display:inline-block;vertical-align:top;width:calc((100% - 120px) /4);margin-bottom:40px;border-top:1px solid #666;}
#all_sitemap dl + dl {
    margin-left:40px;
    line-height:1.4em;
}
#all_sitemap dl + dl:nth-child(4n + 1) {
    margin-left:0;
}
#all_sitemap dt a {color:#4D4D4D;font-size:16px;background:#efefef;display:block;padding:10px 0;font-weight:bold;text-align:center;
vertical-align: middle;}
#all_sitemap dd a:hover {
    color:#000;
}
#all_sitemap dd ul li {border-bottom:1px dotted #E5E5E5;}
#all_sitemap dd ul li a {color:#858585;display:block;padding:4px 0;}
#all_sitemap dd ul li ul li {border-bottom:medium none;}
#all_sitemap dd ul li ul li a {color:#858585;display:block;padding-left:20px;}

/*.btn_mobile{width:100%;height:60px;margni-top:10px;margin-bottom:-20px;}
.btn_mobile a{display:block;height:60px;line-height:60px;vertical-align:middle;font-size:weight:text-align:center;font-size:25px;background:url('./images/common/mobile_bg.png') 0 bottom repeat-x;border:1px solid #b6b6b6}*/

/* 마이메뉴 */
#mymenu .my_menu{color:#2f2e2e;}
#mymenu .my_menu li{position:relative;min-height:45px;padding:18px 0;border-bottom:1px dotted #bcbcb9;}
#mymenu .my_menu li div{margin-bottom:10px;font-size:11px;}
#mymenu .my_menu li div strong{font-size:12px;}
#mymenu .my_menu li .mlink{display:block;background:url('./images/common/bg_step.gif') 0 5px no-repeat;padding-left:13px;margin-left:13px;color:#929292;text-decoration:underline;}
#mymenu .my_menu li .btn_mgo{position:absolute;right:35px;top:40px;}
#mymenu .my_menu li .btn_mdel{position:absolute;right:0px;top:40px;display:block;background:url('./images/common/bg_mymenu.gif')  0 -71px  no-repeat;;width:29px;height:0px;font-size:0;line-height:0;padding-top:29px;}
#mymenu .my_menu li .btn_mdel a{display:block;}

#mymenu .my_menu_no{width:594px;height:63px;padding:50px 0;margin:70px auto;background:url('./images/common/bg_no_mymenu.png') 0 0 no-repeat;text-align:center;line-height:63px;vertical-align:middle;}
#mymenu .my_menu_no strong{text-decoration:underline;}

/* 공지사항 컬러 */
.lib_color1{display:inline-block;display:inline-block;background:#0d60b5;border:1px solid #104071;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color2{display:inline-block;background:#926034;border:1px solid #623309;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color3{display:inline-block;background:#1a3e7a;border:1px solid #031025;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color4{display:inline-block;background:#26b030;border:1px solid #098412;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color5{display:inline-block;background:#843cc8;border:1px solid #4b197b;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color6{display:inline-block;background:#dab01c;border:1px solid #ba940f;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color7{display:inline-block;background:#0e95d5;border:1px solid #0673a7;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color8{display:inline-block;background:#f7941d;border:1px solid #d77807;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color9{display:inline-block;background:#f95e00;border:1px solid #b34a0b;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color10{display:inline-block;background:#ec5eea;border:1px solid #ba2bb8;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color11{display:inline-block;background:#01767d;border:1px solid #024f54;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color12{display:inline-block;background:#41c3ff;border:1px solid #1f93c8;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}
.lib_color13{display:inline-block;background:#1fc1b0;border:1px solid #12a192;color:#fff;padding:0 2px;line-height:18px;vertical-align:middle;text-align:center;font-family:"돋움", "Dotum";font-size:11px;margin-right:5px;height:16px;}

/* summary */
.m2_02,
.m2_03,
.m4_02_1,
.m4_02_2,
.m6_01,
.m6_02,
.m6_03,
/*.summary { padding:30px; line-height:1.8em;font-size:15px;border-top:1px solid #333333;background:#f8f8f8; }*/
.summary { margin-bottom:40px;display:table;width:100%;padding:30px;line-height:1.8em;font-size:15px;border-top:1px solid #333333;background:#f8f8f8; box-sizing:border-box;table-layout:auto;}

.summary *[class^=summary-img],
.summary .summary-con {
    display:table-cell;
    vertical-align:middle;
}
*[class^="summary-img"] {
    width:170px;
}
*[class^="summary-img"] > figure {
    position:relative;
    margin-left:30px;
    width: 80px;
    height: 80px;
    line-height:80px;
    border: 1px dashed #aaa;
    border-radius: 50%;
    background-color: #fff;
    box-sizing: border-box;
}
*[class^="summary-img-lg"] > figure {
    margin:0 40px 0 20px;
    width:105px;
    height:105px;
}
*[class^="summary-img"] > figure img {
    display:block;
    position:absolute;
    max-width:80px;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
}
*[class^="summary-img-lg"] > figure img {
    max-width:95px;
}
.summary-con {
   line-height:1.75em;
   font-size:16px;
}
.summary-con strong {
    font-size:18px;
    font-weight:700;
}
.summary-con em {
	display:block;
	font-size:16px;
	font-weight:bold;
}
.summary-con img {
    max-width:100%;
}
.summary-con > * + * {
    margin-top:15px;
}
.summary-con ul,
.summary-con ul li {
    margin-left:5px;
    list-style:disc;
    font-weight:700;
    font-size:16px;
}
/* info-list */
.info-list {
   font-size:0;
   margin-left:-20px;
}
.info-list > li {
    position:relative;
    width:calc(50% - 20px);
    padding:30px 40px 30px 30px;
    margin-bottom:20px;
    margin-left:20px;
    display:inline-block;
    font-size:14px;
    min-height:195px;
    vertical-align:top;
    box-sizing:border-box;
    background:#f5f5f5;
}
.info-list > li:nth-of-type(1),
.info-list > li:nth-of-type(2) {
    border-top:1px solid #666;
}
.info-list figure {
    position:absolute;
    bottom:10px;
    right:10px;
    width:60px;
    height:60px;
}
.info-list figure img {
    display:block;
    width:100%;
}

/* 책바다 */
.p_title01 {font-size:22px;color:#333; margin-bottom:15px;}
.p_title02 {font-size:14px;color:#555555;font-weight:bold;margin:15px 0 8px 0px;line-height:22px;}
.m2_b{color:#0d4c8c;font-size:14px;}
.btn_m2_02 { display:inline-block;background:#666;padding:10px 45px;height:32px;line-height:32px;color:#fff;font-size:16px; }

.book_bada {background:url('./images/sub/book_bada_bg.jpg') 0 0 no-repeat;padding:10px 0 0 40px;line-height:24px;}
.book_bada_tit {padding:20px 0 40px 10px;width:450px;}
.color_red {color:red;}

/* 회원가입안내 */
.h_card { background:#f8f8f8;border-top:1px solid #666;padding:15px;font-size:0;line-height:0; }
.h_card li { display:inline-block;position:relative;width:40%;box-sizing:border-box;vertical-align:middle; }
.h_card li strong { display:block;margin-top:15px;font-weight:bold;color:#000;font-size:16px;line-height:1.6em }
.h_card li:first-child { width:60%;text-align:center; }
.h_card li:first-child div {  }
.h_card li:first-child div img {margin:10px;}
.h_card li:first-child + li { padding-left:140px; }
.h_card li:first-child + li strong { position:absolute;bottom:20px;left:0;text-align:right; }

/* 장애인 도서신청 */
.color_red {color:red;}
.fB {font-weight:bold;font-size:13px;}
.img_order { font-size:0;line-height:0;margin-bottom:15px;padding-left:20px; }
li .img_order { padding-left:0;margin-top:10px; }
.img_order li { margin:0;position:relative;display:inline-block;vertical-align:top;text-align:center;width:30%;box-sizing:border-box;background:#f8f8f8;border-top:1px solid #666;padding:10px;}
.img_order li + li { margin-left:5%; }
.img_order li + li:before { content:'';position:absolute;top:50%;left:-15%;margin-left:6px;margin-top:-10px;width:10px;height:10px;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);}
.img_order li strong { display:block;font-size:16px;line-height:1.6em;color:#000;font-weight:bold; }
.img_order li strong em { color:#25880e; }
.img_order li img { display:block;margin:10px auto;max-width:100%; }
.img_order li span { display:block;font-size:14px;line-height:1.6em;color:#666; }
.img_order li div { width:70px;height:70px;background:#fff;border-radius:50%;margin:0 auto 10px;}
.icon_gro {text-align:right;}
.mT45 {margin-top:45px;}


/* 순회문고 */
.info-tit {
    font-size:14px;
    margin-bottom:70px;
}
.info-tit em {
    display:inline-block;
    font-size:24px;
    font-weight:700;
    line-height:1.5em;
}
.img_info { font-size:0;line-height:0;margin-bottom:15px;}
.img_info li { margin:0;position:relative;display:inline-block;vertical-align:top;text-align:center;width:calc((100% - 9%) / 4);box-sizing:border-box;background:#f8f8f8;border-top:1px solid #666;padding:10px;}
.img_info li + li { margin-left:3%; }
.img_info li:first-child:nth-last-child(3),
.img_info li:first-child:nth-last-child(3) ~ li {
    width:calc((100% - 6%) / 3);
}
.img_info li:first-child:nth-last-child(5),
.img_info li:first-child:nth-last-child(5) ~ li {
    width:calc((100% - 12%) / 5);
}

.img_info li p { display:block;font-size:14px;line-height:1.6em;color:#000; min-height:4.8em;}
.img_info li p strong {
    display:block;
    font-size:16px;
    font-weight:700;
}
.img_info li img { display:block;margin:10px auto;max-width:100%; }
.img_info li div { width:70px;height:70px;background:#fff;border-radius:50%;margin:0 auto 10px;}

/* 비대면 자격서비스 */
.bidae-tit {
    font-size:14px;
    margin-bottom:70px;
}
.bidae-tit em {
    display:inline-block;
    font-size:24px;
    font-weight:700;
    line-height:1.5em;
}
.img_info2 { font-size:0;line-height:0;margin-bottom:15px;}
.img_info2 li { margin:0;position:relative;display:inline-block;vertical-align:top;text-align:center;width:calc((100% - 9%) / 4);box-sizing:border-box;background:#f8f8f8;border-top:1px solid #666;padding:10px;}
.img_info2 li + li { margin-left:3%; }
.img_info2 li:first-child:nth-last-child(3),
.img_info2 li:first-child:nth-last-child(3) ~ li {
    width:calc((100% - 6%) / 3);
}
.img_info2 li:first-child:nth-last-child(5),
.img_info2 li:first-child:nth-last-child(5) ~ li {
    width:calc((100% - 12%) / 5);
}

.img_info2 li p { display:block;font-size:14px;line-height:1.6em;color:#000; min-height:4.8em;}
.img_info2 li p strong {
    display:block;
    font-size:16px;
    font-weight:700;
}
.img_info2 li img { display:block;margin:10px auto;max-width:100%; }
.img_info2 li div { width:70px;height:70px;background:#fff;border-radius:50%;margin:0 auto 10px;}

/* 연혁 */
.history{ }
.history-summary {
	padding:25px;
	text-align:center;
	background:#f5f5f5;
    margin-bottom:30px;
}
.history-summary strong {
	display:block;
	font-size:24px;
	font-weight:bold;
	line-height:1.6em;
	color:#999;
}
.history-summary span {
	display:block;
	font-size:16px;
	font-family:'Nanum Myeongjo','serif';
	font-weight:bold;
	line-height:1.6em;
}
.history .history-cont { 
	overflow:hidden;
	padding:40px 0;
    box-sizing:border-box;
    border-top:1px solid #666;
}

.history .history-cont + .history-cont {
    border-color:#ddd;
}

.history-cont .history-photo { 
	float:left;
	width:300px;
	margin-right:40px;  
}
.history-cont .history-photo ~ .history-tit,
.history-cont .history-photo ~ table { 
	float:left;
	width:calc(100% - 340px); 
} 
.history-cont .history-photo img { 
	width:100%;
}
.history-cont .history-tit {
    float:left; 
    width:300px;
	margin-bottom:20px;
	position:relative;
	font-weight:normal;
	line-height:0; 
    box-sizing:border-box;
}
.history-cont table {
    float:left;
    width:calc(100% - 300px);
}
.history-cont .history-tit li { 
	display:block;
	position:relative;
    padding:0 100px 0 50px;
}
.history-cont .history-tit li + li {
    padding-top:70px;
}
.history-cont .history-tit li + li:before {
    content:"~";
	font-size:42px;
	font-weight:bold;
	line-height:1.1em;
	position:absolute;
    left:50%;
	top:10px;
    margin-left:-21px;
}
.history-cont .history-photo ~ .history-tit li { 
	display:inline-block;
	vertical-align:top; 
    padding:0;
}
.history-cont .history-photo ~ .history-tit li + li { padding-left:90px; }
.history-cont .history-photo ~ .history-tit li + li:before { 
	left:30px;
    top:auto;
	bottom:0;
    margin-left:0;
}
.history-cont .history-tit span { 
	display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 1.4em;
    font-weight: bold;
    left: 0;
    color: #6d6c6c;
    background: #fff;
    padding-right: 10px;
    z-index: 1;
    letter-spacing: 0.025em;
}
.history-cont .history-tit strong {	
	display:block;
	border-top:1px solid #ddd;
	padding-top:10px;
	margin-top:-10px;
	font-size:42px;
	font-weight:bold;
	line-height:1.1em;
	letter-spacing:-0.075em; 
}
.history-cont table th { 
	color:#007296;
	font-size:16px;
	height:30px;
	padding:5px 0;
	vertical-align:top;
	text-align:left; 
}
.history-cont table td { 
	color:#666;
	font-size:16px;
	height:30px;
	padding:5px 0;
	vertical-align:top; 
}

/* 조직도 */
.org_box {
	position:relative;
	margin:0 auto;
	text-align:center;
	background:#f5f5f5;
	padding:30px 0;
}
.org_box > * {
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
}
.org_box a,
.org_box span { 
	display:block;
	color:inherit; 
	margin:0 auto;
	height:inherit;
	line-height:inherit;
	box-sizing:border-box;
	font-size:16px;
	font-weight:bold;
    position:relative;
    z-index:1;
}
.org_box .org1 {
    position:relative;
	margin:0 auto;
	width:100px;
	height:100px;
	line-height:100px;
	background:#3f4263;
	color:#fff;
	border-radius:50%;
}
.org_box .org2,
.org_box .org3 {
    position:relative;
    margin-top:40px;
    width:100%;
}
.org_box .org2:before,
.org_box .org3:before {
    content:'';
    position:absolute;
	margin:0 auto;
	width:1px;
	height:40px;
	background:#ccc;
	left:50%;
	top:-40px;
}
.org_box .org2:before,
.org_box .org2 + .org3:before  {
    height:60px;
}
.org_box .org2 + .org3:before  {
    top:-60px;
}
.org_box .org2 > ul,
.org_box .org3 > ul {
    display:table;
	width:100%;
	table-layout:fixed;
}
.org_box .org2 > ul > li {
	display:table-cell;
	vertical-align:top;
	height:40px;
	line-height:40px;
	position:relative;
}
.org_box .org2 > ul > li:first-child:before {
	content:'';
	position:absolute;
	width:1px;
	height:100%;
	background:#ccc;
	top:0%;
	right:0%;
    display:none;
}
.org_box .org2 > ul > li + li:before { 
	content:'';
	position:absolute;
	width:calc(100% - 160px);
	height:1px;
	background:#ccc;
	left:calc((100% - 160px)/2 * -1);
	top:20px;
    z-index:0;
}
.org_box .org2 > ul > li > a,
.org_box .org2 > ul > li > span {
	max-width:160px;
	background:#888;
	color:#fff;
    white-space:nowrap;
}
.org_box .org3 > ul > li {
	display:table-cell;
	vertical-align:top;
	line-height:40px;
	padding-top:40px;
	position:relative;
}
.org_box .org3 > ul > li:before {
	content:'';
	position:absolute;
	width:1px;
	height:40px;
	background:#ccc;
	left:50%;
	top:0;
}
.org_box .org3 > ul > li:after {
	content:'';
	position:absolute;
	width:100%;
	height:1px;
	background:#ccc;
	left:-50%;
	top:0;
}
.org_box .org3 > ul > li:first-child:after {
	content:none;
}
.org_box .org3 > ul > li a,
.org_box .org3 > ul > li span { 
	margin:0 5px;
	color:#fff; 
}
.org_box .org3 > ul > li.org3-1 a,
.org_box .org3 > ul > li.org3-1 span { background:#426f8d; }
.org_box .org3 > ul > li.org3-2 a,
.org_box .org3 > ul > li.org3-2 span { background:#42858d; }
.org_box .org3 > ul > li.org3-3 a,
.org_box .org3 > ul > li.org3-3 span { background:#42578d; }
.org_box .org3 > ul > li.org3-4 a,
.org_box .org3 > ul > li.org3-4 span { background:#525360; }
.org_box .org3 > ul > li.org3-5 a,
.org_box .org3 > ul > li.org3-5 span { background:#666; }
.org_box .org3 > ul > li ul { 
	margin:0 5px; 
}
/*.org_box .org3 > ul > li > span,
.org_box .org3 > ul > li > a,
.org_box .org3 > ul > li ul {
    max-width:200px;
    margin:0 auto;
}*/ 
.org_box .org3 > ul > li ul li { 
	margin-top:10px;
	background:#fff;
	border:1px solid #ccc; 
	position:relative;
}
.org_box .org3 > ul > li ul li:before {
	content:'';
	position:absolute;
	width:1px;
	height:10px;
	background:#ccc;
	left:50%;
	top:-10px;	
}

/* 기관찾기 */
.psch_box{position:relative;}
.psch_box .psch_list{position:absolute;top:1px;right:1px;z-index:10;width:201px;background:#fff;padding:16px 10px;}
.psch_box .psch_list li a{display:block;width:171px;padding:0 15px;height:35px;line-height:35px;vertical-align:middle;font-weight:600;;font-size:16px;color:#959494;}
.psch_box .psch_list li a:hover { color:#41669b }
.psch_box .psch_list li.active a{ /*background:url('./images/sub/bg_map_list.gif') 0 0 no-repeat;*/background:#f9f9f9;border:1px solid #41669b;color:#41669b; }
.psch_box .sch_map{padding-right:221px;margin-bottom:20px;background:#f3f3f3 ;border:1px solid #e0e0e0;}
.psch_box .sch_map img{ margin:0 auto;display:block; }
.psch_box .map_box{position:relative;clear:both;background:#fff;width:100%;height:400px;}

/* 찾아오시는 길 */
#mapBox { width:100%; }
#testMap { width:100% !important; }
.map_tit {color:#333;font-size:20px;font-weight:bold;padding:10px 0;margin-top:30px;margin-bottom:10px;}
.map_cont {border-bottom:1px dashed #d1d1d1;border-top:1px dashed #d1d1d1;}
.map_cont ul{padding:20px;overflow:hidden;}
.map_cont li {line-height:28px;float:left;}
.m_icon2 {clear:left;width:80px;background:url('./images/common/map_bul.gif') 0 12px no-repeat;font-size:14px;font-weight:bold;color:#555555;padding-left:8px;}
.m_txt {font-weight:bold;color:#696868;width:calc(100% - 90px);}
.m_txt a.btn-sm { margin-left:10px; }
.item-list {margin-top:20px;}
.item-list .item {display:none;}

/* 110 수화 채팅 상담 */
.term-box {
	overflow-y:scroll;
	width:100%;height:200px;
	padding:20px;
	border:1px solid #d6d6d6;
	box-sizing:border-box;
}
.term-agree { margin-top:10px; }
.calling-num { 
	margin-top:30px;
	text-align:center;
	padding:20px 0;
}
.calling-num strong { 
	display:inline-block;
	margin-right:20px;
	font-size:16px;
	line-height:54px;
	font-weight:600;
}
.calling-num strong:before {
	display:inline-block;
	content:'';
	width:21px;
	height:29px;
	margin-right:10px;
	background:url('./images/common/call.svg') 0 center no-repeat;
	vertical-align:middle; 
}
.calling-num input[type="text"] { 
	text-align:center;
	margin-right:10px;
	border-color:#999;
	width:300px;
	height:54px !important;
	line-height:48px !important;
	font-size:18px;
}

/* 인사말 */
.greeting {}
.greeting_top {
	position:relative;
	background:#f5f5f5;
	padding:35px 50px 35px 200px;
	min-height:105px;
	margin-bottom:40px;
    font-size:16px;
}
.greeting_top:before {
    content: '';
    width: 105px;
    height: 105px;
    position: absolute;
    border: 1px dashed #aaa;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    top: 50%;
    left: 50px;
    margin-top: -52px;
    box-sizing: border-box;
    background: url('images/common/greeting_bg.svg') center center no-repeat #fff;
    background-size: 72px 52px;
}
.greeting_top img {
	display:block;
	max-width:100%;
}
.greeting_top em {
	display:block;
	margin:15px 0;
	font-size:16px;
	font-weight:bold;
}
.greeting_top em.serif {
    font-size:24px;
    line-height:1.45em;
}
.greeting_top em.serif span {
    font-size:18px;
}
.greeting_top 
.greeting_top p {
	color:#666;
}
.greeting_txt {
	color:#666;
	font-size:14px;
	line-height:28px;
}
div.greeting_txt {
    color:#000;
}
.greeting_sign {
	margin-top:50px;
	text-align:right;
}
.greeting_sign span { 
	vertical-align:middle; 
	margin-right:20px;
}
.greeting_txt h3 {
    font-size:18px;
    line-height:1.5em;
    margin-bottom:30px;
}
.greeting_sign img { vertical-align:middle; }

.greeting figure.max-w100 {
    margin-bottom:30px;
}


/* 선언문 */
.declaration {
	background:#f5f5f5;
	padding:60px;
	border-top:1px solid #666;
}
.declaration h3 {
	text-align:center;
	font-size:28px;
	color:#000;
    font-family:'Nanum Myeongjo','serif';
}
.declaration p {
	font-size:16px;
	margin-top:40px;
	color:#555;
}
.declaration ul,
.declaration ol { margin-top:50px; }
.declaration li {
	font-size:15px;
	margin-bottom:20px;
	padding-left:17px;
	text-indent:-17px;
}
.declaration ol li {
    padding-left:0;
    margin-left:17px;
    text-indent:0;
    list-style:decimal;
}


/* 설문 */
.popup {}
.popup .pop-header {
	position:relative;
	height:60px;
	box-sizing:border-box;
	padding:15px 30px;
	background:#007296;
}
.popup .pop-header h1 {
	font-size:24px;
	line-height:30px;
	color:#fff;
}
.popup .pop-header .pop-close {
	background:#000;
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	padding:0;
}
.popup .pop-header .pop-close span {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:10px;
	left:10px;
	text-indent:-999px;
}

.popup .pop-header .pop-close span:before,
.popup .pop-header .pop-close span:after {
	content:'';
	width:40px;
	height:2px;
	background:#fff;
	position:absolute;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	top:50%;
	left:0;
}
.popup .pop-header .pop-close span:before {  
	-webkit-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg); 
	transform:rotate(-45deg);
}
.popup .pop-header .pop-close span:after {
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	transform:rotate(45deg);
}
.popup .pop-contents {
	padding:25px 30px;
}
.pop-tit {
	overflow:hidden;
	border-bottom:1px solid #666;
	padding-bottom:15px;
	margin-bottom:20px;
}
.pop-tit h2 {
	float:left;
	font-size:18px;
}
.pop-tit .due {
	float:right;
}
.pop-tit .due strong { margin-right:10px;font-weight:bold; }
.pop-tit .due span { color:#777; }

.survey-list {  }
.survey-list p.survey-q { 
	margin-bottom:15px;
}
.survey-list .survey-a {
	margin-bottom:30px;
	padding-left:20px;
	color:#555;
}
.survey-list .survey-a li + li { margin-top:5px; }
.survey-list .survey-a textarea {
	width:100%;
	box-sizing:border-box;
	padding:15px;
	height:100px;
	resize:none;
}
.pop-contents .btn-cont {}
.progress {
	margin-left:10px;
	margin-right:10px;
	height:12px;
	background:#eeeeee;
	position:relative;
}
.progress span {
	display:block;
	height:12px;
	background:url('./images/common/progress_bg.svg') 0 0 repeat-x;
}


/* layerPopup */
.layer-popup {
    position:fixed;
    top:50%;
    left:50%;
    z-index:999;
    background:#fff;
    width:800px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform:  translate(-50%, -50%);
    -ms-transform:  translate(-50%, -50%);
    -o-transform:  translate(-50%, -50%);
    transform:  translate(-50%, -50%);
    border-radius:5px;
}
.layer-popup .pop-header {
	position:relative;
	height:60px;
	box-sizing:border-box;
	padding:15px 30px;
    border-bottom:1px solid #ccc;
}
.layer-popup .pop-header h1 {
	font-size:18px;
	line-height:30px;
	color:#555;
}
.layer-popup .pop-header .pop-close {
	/*background:#000;*/
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	padding:0;
}
.layer-popup .pop-header .pop-close span {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:10px;
	left:10px;
	text-indent:-9999px;
}
.layer-popup .pop-header .pop-close span:before,
.layer-popup .pop-header .pop-close span:after {
	content:'';
	width:40px;
	height:2px;
	background:#ccc;
	position:absolute;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	top:50%;
	left:0;
}
.layer-popup .pop-header .pop-close span:before {  
	-webkit-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg); 
	transform:rotate(-45deg);
}
.layer-popup .pop-header .pop-close span:after {
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	transform:rotate(45deg);
}
.layer-popup .pop-contents {
	padding:30px;
}
.dim {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5);
    z-index: 100;
}
.dim.open {
    display: block !important;
    opacity: .5;
}

.popup .modal-content .pop-header {
    position:relative;
	height:60px;
	box-sizing:border-box;
	padding:15px 30px;
    border-bottom:1px solid #ccc;
}
.popup .modal-content .pop-header h1 {
    font-size: 18px;
    line-height: 30px;
    color: #555;
}
.popup .modal-content .pop-close {
	/*background:#000;*/
	width:60px;
	height:60px;
	position:absolute;
	top:0;
	right:0;
	padding:0;
}
.popup .modal-content .pop-close span {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:10px;
	left:10px;
	text-indent:-9999px;
}
.popup .modal-content .pop-close span:before,
.popup .modal-content .pop-close span:after {
	content:'';
	width:40px;
	height:2px;
	background:#ccc;
	position:absolute;
	-webkit-transform-origin:center center;
	-moz-transform-origin:center center;
	-ms-transform-origin:center center;
	transform-origin:center center;
	top:50%;
	left:0;
}
.popup .modal-content .pop-close span:before {  
	-webkit-transform:rotate(-45deg); 
	-moz-transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg); 
	transform:rotate(-45deg);
}
.popup .modal-content .pop-close span:after {
	-webkit-transform:rotate(45deg); 
	-moz-transform:rotate(45deg); 
	-ms-transform:rotate(45deg); 
	transform:rotate(45deg);
}
.popup .modal-content .pop-contents {
    padding:30px;
}
.popup .modal-content .pop-contents textarea {
    width:100%;
    box-sizing:border-box;
}


/* 공공누리 */
.copyright_box{text-align:center;}
.copyright_box img{width:30%;}
/* -------------------------------------------------    
	- PC MAX-WIDHT 1200 	
------------------------------------------------- */
@media screen and (max-width:1200px) {    
    .site-body > .wrap {
        margin-left: 20px;
        margin-right: 20px;
    }
	.site-header > .wrap {
		margin:0;
        padding-left: 20px;
        padding-right: 20px;
    }
    .site-header h1 {
        top:20px;
        left:20px;
    }
    .site-header .util {
        margin-bottom:35px;
		padding-right:20px;
    }
    .site-header nav .wrap { }
    .site-header .site-gnb > li {
        width:12.5%
    }
    .site-header .site-gnb > li > a {
        white-space:nowrap;
    }

    .mn-ad-rolling .bx-wrapper,
    .mn-ad-rolling .bx-viewport,
    .mn-ad-rolling .bx-viewport ul,
    .mn-ad-rolling .bx-viewport li,
    .mn-ad-rolling .bx-viewport li a {
        display:block;
        /*height: 100%;*/
		height:380px;
	
	
    }   
	
	
	.mn-book .bx-prev, 
	.mn-book .bx-next {
		width:20px;
		height:30px;
		margin-top:-10px;
	}
	.mn-book .bx-prev:before, 
	.mn-book .bx-next:before {
		width:20px;
		height:20px;
	}
	/*활동모습*/
	.mn-laphoto .bx-prev, 
	.mn-laphoto .bx-next {
		width:20px;
		height:30px;
		margin-top:-10px;
	}
	.mn-laphoto .bx-prev:before, 
	.mn-laphoto .bx-next:before {
		width:20px;
		height:20px;
	}
    /* footer */
    .site-footer-nav .wrap {
        padding-left:0;
        padding-right:0;
    }
}
/* -------------------------------------------------    
	- PC/TABLET MAX-WIDHT 1024	
------------------------------------------------- */
@media screen and (max-width:1024px) {
     /* site-header */
	.site-header .site-gnb > li > a {
        font-size:15px;
	}
    .site-header .site-gnb div {
        padding-left:5px;
    }
    .site-header .site-gnb h2 {
        padding:10px 0;
    }
    .site-header .site-gnb ul {
        padding-bottom:20px;
    }
    .site-header .site-gnb ul li a {
        display:block;
        font-size:12px;
        /*white-space:normal;*/
        line-height:1.1em;
		padding:5px 5px 5px 10px
    }

    /* main */
    .mn-contents {
        margin-top:15px;
    }
	.mn-row:first-child { height:375px; }	
	.mn-ad { height:375px }
	.mn-ad-rolling img { width:340px;height:340px; }
	.mn-ad, 
	.mn-bookservice { width:340px; }
	.mn-leftquick { width:340px; }
	.cbelibquick li { font-size:14px;}
	.mn-laphotoservice { width:340px; }
	.mn-qmenu, 
	.mn-sch { margin-left:350px; }
	.mn-qmenu, 
	.mn-notice { width:calc((100% - 360px) * 0.6); }
	.mn-date, 
	.mn-nbook, 
	.mn-guide, 
	.mn-favorite { width:calc((100% - 360px) * 0.4 ); }
	.mn-sch {
	   height:49px;
	   padding:7px 125px 7px 10px;
	   font-size:0;
	   background:#e1e1e1;
	   margin-top:6px;
	   width:calc(100% - 350px);
	}
	.mn-sch-cont {
		height:35px;
		line-height:35px;
	}
	/*.mn-sch-cont > .ui-selectmenu-button, 
	.mn-sch-cont > .ui-selectmenu-button span.ui-selectmenu-text, */
	.mn-sch-cont > select,
	.mn-sch-cont input[type=text] {	
		height: 35px;
		line-height: 35px;
	}
	.mn-sch input[type=text] {
		width:calc(100% - 110px);
		font-size: 14px;
		vertical-align:middle;
	}
	.mn-sch .btn-sch {
		top:7px;
		right:10px;
		width:110px;
		height:35px;
		line-height:35px;
		font-size:14px;
	}
    .mn-qmenu a {
        padding:12px;
    }
    .mn-qmenu strong {
        margin-bottom:5px;
        font-size:14px;
    }
    .mn-qmenu span {
        font-size:12px;
    }
	.ui-datepicker { padding:20px 0 0; }
	.ui-datepicker td {	
		padding:.35em 0;
	}
	.ui-datepicker .ui-datepicker-prev { right:30px; }
	.ui-datepicker .ui-datepicker-next { right:0; }

	.mn-notice li.issue h3 { font-size:15px; }
	.mn-notice li.issue p { margin-top:12px; }
	.mn-notice .tab-cont li a { padding-right:80px; }
	.mn-notice time { font-size:13px; }

	.mn-row .mn-guide { font-size:13px; }

	.mn-info > p { font-size:13px;margin-top:10px; }
	.mn-info ul { font-size:13px;margin-right:95px; }
	.mn-info:before { right:10px;bottom:10px; }
	.mn-info:after { right:-20px;bottom:-25px; }
	
	.mn-book .tab_cont .mn-book-list {
		padding:10px 44px;
	}
    .mn-book .bx-prev {
        left:5px;
    }
    .mn-book .bx-next {
        right:5px;
    }

	/*활동모습*/
	.mn-laphoto .tab_cont .mn-laphoto-list {
		padding:10px 44px;
	}
    .mn-laphoto .bx-prev {
        left:5px;
    }
    .mn-laphoto .bx-next {
        right:5px;
    }

	.mn-favorite li a { font-size:13px;padding-left:5px; }
	.mn-quick-edu a { font-size:14px; }	
	.mn-quick-edu a:before { transform:scale(.8,.8); }
    
     /* site-footer */
    .site-footer {
        margin-top:15px;
    }
    .site-footer .wrap {
        box-sizing:border-box;
		margin:0;
    }
    .footer-menu {
        float:none;
        display:table;
        padding:7px 20px;
        table-layout:fixed;
        width:100%;
    }
    .footer-menu a {
        position:relative;
        display:table-cell;
        font-size:12px;
        text-align:center;
        line-height:1.2em;
        height:36px;
        vertical-align:middle;
        padding:0 10px;
        color:#666;
        background:#e1e1e1;
        border-spacing: 5px;
        background-clip: padding-box;
        border-right: 5px solid transparent;
    }
    .footer-menu a:last-child {
        border-right: none;
    }
    .footer-menu a + a:before {
        display:none;
    }
    .footer-menu a:first-child {
        padding-left:10px;
    }
    .site-footer-info {
        padding:15px 20px 30px;
    }
    .footer-site {
        position:relative;       
        float:none;
        margin:10px 0 30px;
    }
    .footer-site:after {
        content:"";
        display:block; 
        clear:both;
    }
    .footer-site figure {
        display:none;
    }
    .footer-site ul {
        display:block;
    }
    .footer-site > ul > li {
        width:calc(50% - 5px);
        float:left;
        box-sizing:border-box;
    }
    .footer-site > ul > li + li {
        margin-left:10px;
        margin-top:0;
    }
    /*.footer-site .ui-selectmenu-button {
        float:left;
        width:calc(100% - 50px) !important;
        text-align:left;
    }*/
	.footer-site select {
        float:left;
        width:calc(100% - 50px) !important;
        text-align:left;
    }
    .footer-site .btn-go {
        float:right;
    }
    /*.footer-site .ui-selectmenu-menu {
        bottom:30px !important;
    }*/
    .site-footer-info address {
        clear:both;
        float:none;
    }

	/* SUB */
	.lnb { display:none; }

	.sub_wrap .container #contents { padding-left:20px;padding-right:20px;float:none;
        width:calc(100% - 40px); }
    #contents #skipToContents {
        left:0;
    }
	.sub_wrap .container #contents .sub_top h2 { padding-top:30px; }
	.location-bar { margin-bottom:0; }

	.psch_box .map_box { width:100% !important; }


    /* layer-popup */
    .layer-popup {
        width:700px;
    }
    .popup .modal-content {
        width:700px;
    }    
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 768 	
------------------------------------------------- */
@media screen and (max-width:768px) {
    .m-none {
        display:none;
    }
    .m-block {
        display:block;
    }
    .site-header  {
        display:none;
    }
    .m-site-header {
        display:block;
        position:fixed;
        width:100%;
        height:90px;
        z-index:100;
        background:#fff;
        border-bottom:1px solid rgba(0,0,0,.2);
    }
    .m-site-header > .wrap {
        width:100%;
        height:100%;
        box-sizing:border-box;
		margin:0;
		padding:30px 15px 0;
    }
    .m-site-header .util { 
		position:absolute;	
		text-align:right; 
		top:0;
		left:0;
		width:100%;
		height:30px;
		border-bottom:1px solid #e5e5e5;
		box-sizing:border-box; 
		padding-right:20px;
	}
	.m-site-header .util ul {}
	.m-site-header .util li {
		display:inline-block;
		vertical-align:top;
	}
	.m-site-header .util li a {
		position:relative;
		padding:0 12px;
		color:#777;
		line-height:30px;
		font-size:12px;
		display:block;
	}
	
	.m-site-header .util li:last-child a { padding-right:0; }
	.m-site-header .util li + li a:before {
	   content:"";
	   position:absolute;
	   left:0;
	   top:50%;
	   margin-top:-4px;
	   width:1px;
	   height:8px;
	   background:#eee;
	}
	.site-header .util li:last-child a { padding-right:0; }
	.site-header .util li a strong { color:#007296; }
    .m-site-header h1 {
        position:absolute;
        width: 267px;
        height: 34px;
        text-indent: -9999px;
        margin-top:-17px;
        top:60px;
    }
    .m-site-header h1 a {
        display:block;
        height:100%;
    }
    .btn-site-nav {
        position:absolute;
        top:60px;
        margin-top:-15px;
        display:block;
        right:20px;
        width:30px;
        height:31px;
        transition:all .5s;
        background:#007296;
    }
    .btn-site-nav span {
        display:block;
        text-indent:-9999px;
    }
    .btn-site-nav:before,
    .btn-site-nav:after,
    .btn-site-nav span:before {
        content:"";
    }
    .btn-site-nav:before,
    .btn-site-nav:after,
    .btn-site-nav span:before {
        position:absolute;
        display:block;
        left:5px;
        width:20px;
        height:1px;
        transition:all .5s;
        background:#fff;
		transform-origin:center center;
    }
    .m-site-header.active .btn-site-nav span:before {
        display:none;
    }
    .btn-site-nav:before {
        top:8px;
    }
    .btn-site-nav:after {
        bottom:8px;
    }
    .btn-site-nav span:before  {
        top:15px;
    }	
	
	.m-site-header.active:before {
		content:'';
		position:fixed;
		width:100vw;
		height:100vh;
		top:0;
		left:0;
		background:rgba(0,0,0,.7);
		z-index:1;
	}
	.m-site-header.active .btn-site-nav {
		right:360px;
		width:40px;
		height:40px;
		z-index:100;
	 }
    .m-site-header.active .btn-site-nav:before,
    .m-site-header.active .btn-site-nav:after {
        top:50%;
        bottom:auto;
        margin-top:-1px;
		background:#fff;
		left:10px;
    }
    .m-site-header.active .btn-site-nav:before {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .m-site-header.active .btn-site-nav:after  {    
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .m-site-header .btn-nav-close {
        width:25px;
        height:25px;
        position:absolute;
        right:15px;
        top:7px;
        text-indent:-9999px;
        z-index:110;
    }
    .m-site-header .btn-nav-close:before,
    .m-site-header .btn-nav-close:after {
        content:"";
        position:absolute;
        left:50%;
        top:0;
        width:1px;
        height:100%;
        background:#000;
    }
    .m-site-header .btn-nav-close:before {
         -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .m-site-header .btn-nav-close:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .m-site-header nav {
        transition:all .5s;
        position:fixed;
		top:0;
		right:-360px;
        background:#fff;
		width:360px;
        height:100vh;
        overflow:auto;
        padding:0 !important;
		z-index:100;
    }
    .m-site-header.active nav {
		right:0;
    }
    .m-site-header nav .wrap {
        padding:0;
		margin:0;
    }
    .m-site-header .site-gnb li a {
        padding-left:15px;
        padding-right:15px;
    }
    .m-site-header .site-gnb > li {
        position: relative;
        display:block;
        width:auto;
		border-bottom:1px solid #eee;
    }
    .m-site-header .site-gnb > li > a {
        position:relative;
        display: block;
        font-size: 16px;
        height:40px;
        line-height:40px;
		padding:10px 20px 10px 40px;
        text-align:left;
        transition:none;
		font-weight:bold;
    }
    .m-site-header .site-gnb > li > a > .ui-accordion-header-icon{
       width:16px;
	   height:16px;
	   position:absolute;
	   right:40px;
	   top:50%;
	   margin-top:-8px;
    }
    .m-site-header .site-gnb > li > a > .ui-accordion-header-icon:before,
    .m-site-header .site-gnb > li > a > .ui-accordion-header-icon:after {
		content:'';
		position:absolute;
		background:#007296;
		width:16px;
		height:2px;
		top:7px;
		left:0;
	}
	.m-site-header .site-gnb > li > a > .ui-accordion-header-icon:after {
		width:2px;
		height:16px;
		top:0px;
		left:7px;
		transition:all .2s;
	}
	.m-site-header .site-gnb > li > a.ui-accordion-header-active > .ui-accordion-header-icon:after {
		height:2px;
		top:7px;
		transition:all .2s;
	}
    .m-site-header .site-header nav .snb {
       display:none;
    }
    .m-site-header .site-gnb > li > ul {
        z-index: 101;
        opacity: 1;
        filter: alpha(opacity=1);
        position: static;
        overflow: auto;
        padding:0;
        width:100%;
        background:#f2f2f2;
    }
    .m-site-header .site-gnb > li > ul > li + li {
		border-top:1px solid #fff;
	}
    .m-site-header .site-gnb ul a {
        display: block;
        line-height: 2em;
        color: #666666;
        font-weight: bold;
        text-align: left;
        font-size:14px;
		padding:10px 20px 10px 60px;
		position:relative;
    }	
    .m-site-header .site-gnb li ul ul li a {
        position:relative;
        color:#777;
		padding:5px 20px 5px 60px;
		font-weight:normal;
    }
    .m-site-header .site-gnb li ul ul li a:before{
        content:"";
        position:absolute;
        width:8px;
        height:1px;
        background:#aaa;
        left:42px;
        top:50%;
    }
    .m-site-header .site-gnb li > ul {
        padding:5px 0;
    }
    .m-site-header .site-gnb li li ul {
		background:rgba(0,0,0,.02);
	}
    .m-site-header nav li li a:hover,
    .m-site-header nav li li a:focus {
        color: #007296;
    }
   
	/* main */
    .site-body {
        padding-top:90px;
    }
    #skipToContents {
        top:90px;
    }
    /* mn-row section size */
    .mn-row {
         margin-top:0;
         margin-left:0;
     }
    .mn-row > section {
        margin-top:10px;
    }
    .mn-row:first-child {
        margin-top:-10px;
        height:auto;
    }
    .mn-contents section.mn-ad,
    .mn-contents section.mn-date,
    .mn-guide,
    .mn-favorite {
        position:relative;
        left:0;
        right:auto;
        margin-left:0;
        width:300px;
    }
    .mn-qmenu,
    .mn-bookservice,
    .mn-leftquick,
    .mn-notice{
        margin-left:0;
        width:calc(100% - 310px);
    }
    .mn-sch {
       margin:10px 0 0 0;
       width:100%;
    }
    .mn-qmenu,
    .mn-bookservice,
    .mn-leftquick,
	.mn-laphotoservice,
    .mn-guide,
    .mn-favorite {
       margin-left:10px;
    }
    .mn-ad,
    .mn-qmenu {
       height:347px;
    }	
	.mn-ad-rolling img { width:300px;height:300px; }
    .mn-qmenu a {
        padding:2vw;
    }
    .mn-qmenu strong {
        line-height:1.3em;
        font-size:2.2vw;
    }
    .mn-qmenu span {
        font-size:1.8vw;
    }
    .mn-qmenu li a:after {
        width:60px;
        height:60px;
        background-size:60px;
    }
    .mn-book .tab_cont .mn-book-list {
        padding-top:0;
        padding-bottom:0;
    }
		/*활동모습*/
	.mn-laphoto .tab_cont .mn-laphoto-list {
        padding-top:0;
        padding-bottom:0;
    }
	/* sub */
	.sub_wrap { padding-top:90px; }
	
	.pagefnc .print { display:none; }

	/* 연혁 */
	.history .history-cont { 
		padding:30px 0;
	}

	.history-cont .history-photo { 
		width:240px;
		margin-right:30px;  
	}
	.history-cont .history-photo ~ .history-tit,
    .history-cont .history-photo ~ table { 
		width:calc(100% - 270px);
		margin-bottom:20px;
	}
	.history-cont .history-photo ~ .history-tit li + li {
		padding-left:60px;
	}
	.history-cont .history-photo ~ .history-tit li + li:before {
		font-size:36px;
		left:20px;
	}
	.history-cont .history-tit span { 
		font-size:13px;
	}
	.history-cont .history-tit strong {	
		font-size:36px;
	}
	.history-cont table th,
	.history-cont table td { 
		font-size:15px;
	}

    /* 사이트맵 */
    #all_sitemap dl {width:calc((100% - 40px) /3);}
    #all_sitemap dl + dl,
    #all_sitemap dl + dl:nth-child(4n + 1) {
        margin-left:20px;
    }
    #all_sitemap dl + dl:nth-child(3n + 1) {
        margin-left:0;
    }

    .quickMenu {
        display:none;
    }

    .layer-popup {
        left:20px;
        width:calc(100% - 40px);
        -webkit-transform: translate(0, -50%);
        -moz-transform:  translate(0, -50%);
        -ms-transform:  translate(0, -50%);
        -o-transform:  translate(0, -50%);
        transform:  translate(0, -50%);
    }
    .popup .modal-content {
        left:20px;
        width:calc(100% - 40px);
        -webkit-transform: translate(0, -50%);
        -moz-transform:  translate(0, -50%);
        -ms-transform:  translate(0, -50%);
        -o-transform:  translate(0, -50%);
        transform:  translate(0, -50%);
    }     
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 640 		
------------------------------------------------- */
@media screen and (max-width:640px) {
    .m-none {
        display:none !important;
    }
    .m-block {
        display:block !important;
    }
    /* main */
    .mn-contents section.mn-date,
    .mn-guide,
    .mn-bookservice,
    .mn-leftquick,
	.mn-laphotoservice,
    .mn-notice,
	.mn-favorite{
        width:calc(50% - 5px);
    }
    .cbelibquick li { font-size:12px;}
    .cbelibquick li:before {background-size:15px; width:20px; left: 7px;}
    .cbelibquick li a {padding-left:25px;}
   
    
    .mn-ad-rolling .bx-pager {
        display:none;
    }
    .mn-row section[class^="mn-"] > h2,
    .mn-row section[class^="mn-"] > div > h2 {
        padding-left:2vw;
        font-size:3vw;
    }
    .mn-book .tabs .tab-nav .ui-tabs-anchor,
    .mn-book .tabs.normal li a {
        font-size:2vw;
    }
    .mn-service li a {
        font-size:3vw;
    }
	.mn-qmenu li { width:50%;height:115px; }
	.mn-qmenu li:nth-of-type(1),
	.mn-qmenu li:nth-of-type(4),
	.mn-qmenu li:nth-of-type(5){float:left;}
	.mn-qmenu li:nth-of-type(2),
	.mn-qmenu li:nth-of-type(3),
	.mn-qmenu li:nth-of-type(6){float:right;}
	.mn-qmenu li a:after { width:45px;height:45px;background-size:45px;}

    /* site-footer */
   .footer-menu {
       display:block;
   }
   .footer-menu a {
       display:inline-block;
       line-height:36px;
       width:calc((100% - 5px) / 2 );
       border:none;
       border-spacing:0;
       padding:0;
       margin-bottom:5px; 
   }
   .footer-menu a:first-child {
       padding:0;
   }
   .footer-menu a:nth-child(2n) {
       margin-left:5px;
   }
   .footer-menu a:not(:nth-child(2n)):last-child {
       width:100%;
       margin:0;
   }

	/* SUB */
	
	.table-scroll-x {
		overflow-x:scroll;
	}
	.table-scroll-x table {
		width:920px !important;
	}
	.table-scroll-x table.org_chart {
		width:100% !important;
	}
	.tabs2 { overflow-x:auto; }
	.tabs2 ul { white-space:nowrap; }

	.psch_box { position:relative; }
	.psch_box .psch_list { width:120px;padding:0;height:calc(100vw - 100px) }
	.psch_box .psch_list li a { width:auto;font-size:14px; }
	.psch_box .sch_map { padding-right:121px; }
	.psch_box .sch_map img { height:calc(100vw - 100px) }	

	.img_order li,
    .img_info li { padding:10px 5px; }
	li .img_order li { height:auto; }
	li .img_order li strong,
    .img_info li p,
    .img_info li p strong { font-size:2.5vw; }
    .img_info li {
        margin-bottom:3%;
        width:calc((100% - 6%) / 2) ;
    }
    .img_info li + li {
        margin-left:0;
    }
    .img_info li:nth-child(2n) {
        margin-left:3%;
    }    

	.h_card li:first-child,
	.h_card li:first-child + li { width:50%; }
	.h_card li:first-child + li { padding-left:0;text-align:center; }
	.h_card li:first-child + li strong { position:static;text-align:center; }

	.book_bg .book_img { width:100%; }
	.book_bg .book_img + div { padding-left:0;margin-top:20px;	}

    /* info-list */
    .info-list {
       margin-left:0;
    }
    .info-list > li {
        position:relative;
        width:100%;
        padding:20px 50px 20px 20px;
        margin-bottom:10px;
        margin-left:0;
        display:block;
        min-height:0;
    }
    .info-list > li:nth-of-type(2) {
        border-top:none;
    }
    .info-list figure {
        width:40px;
        height:40px;
    }

	/* 연혁 */
	.history .history-cont { padding:20px 0; }
    .history-cont .history-tit,
	.history-cont .history-photo { 
		width:200px;
	}
    .history-cont table,
	.history-cont .history-photo ~ .history-tit,
	.history-cont .history-photo ~ table { 
		width:calc(100% - 230px); 
	}

    .satisfaction .stf_inp .inp{width:calc(100% - 78px);}
    .satisfaction .stf_inp .btn_click{width:75px;}
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 480	
------------------------------------------------- */
@media screen and (max-width:480px) {
    .m-site-header .util { padding-right:15px;}
	.m-site-header .util li a {
        font-size:2.3vw;
        padding:0 2vw;
    }
	.m-site-header .util li:last-child a { padding-right:0; }
    .m-site-header { height:90px; }
	.m-site-header h1 { height:30px;width:50%;margin-top:-15px;background-size:contain;background-position:left center; }
	.m-site-header nav { width:260px; }
	.btn-site-nav { right:15px; }
	.m-site-header.active .btn-site-nav { right:260px; }
	.m-site-header .site-gnb > li > a,
	.m-site-header .site-gnb ul a { padding-left:20px; }
	.m-site-header .site-gnb li ul ul li a { padding-left:40px; }
	.m-site-header .site-gnb li ul ul li a:before { left:24px; }
	.m-site-header .site-gnb > li > a > .ui-accordion-header-icon { right:20px }
    .site-body { padding-top:90px; }

    /* mn-row section size */
	.wrap { margin-left:15px;margin-right:15px; }
	.m-site-header > .wrap { margin:0;padding-left:15px;padding-right:15px; }
	.mn-row {
         margin-top:0;
         margin-left:0;
    }
    .mn-row:first-child {
        margin-top:-10px;
        height:auto;
    }
    .mn-contents section.mn-ad,
    .mn-contents section.mn-date,
    .mn-guide,
    .mn-qmenu,
    .mn-bookservice,
    .mn-leftquick,
    .mn-notice,
	.mn-favorite{
        width:100%;
        margin-left:0;
    }
   
    .mn-ad {
        height:auto;
    }
	.mn-ad-rolling img {
		width:100%;
		/*height:auto;*/
		height:380px;
	}

    .mn-qmenu {
       height:60vw;
    }	
	.mn-qmenu li:nth-of-type(1), 
	.mn-qmenu li:nth-of-type(2),
	.mn-qmenu li:nth-of-type(3), 
	.mn-qmenu li:nth-of-type(4), 
	.mn-qmenu li:nth-of-type(5),  
	.mn-qmenu li:nth-of-type(6) { float:left;width:33.3%;height:30vw; }
    .mn-sch {
        padding:3vw 75px 3vw 3vw;
        height:auto;
    }
	.mn-sch-cont {
		padding-left:0;
		background:none;
	}
    .mn-sch .btn-sch {
        font-size:13px;
        top:3vw;
        right:3vw;
        width:70px;
    }
	/*.mn-sch-cont > .ui-selectmenu-button, 
	.mn-sch-cont > .ui-selectmenu-button span.ui-selectmenu-text, */
	.mn-sch-cont > select,
	.mn-sch-cont input[type=text] { font-size:13px; }
	.mn-sch-cont input[type=text] { padding-left:0; }
    .mn-ad-rolling .bx-pager {
        display:inline-block;
    }
    .mn-ad-rolling,
    .mn-ad-rolling .bx-wrapper,
    .mn-ad-rolling .bx-viewport,
    .mn-ad-rolling .bx-viewport ul,
    .mn-ad-rolling .bx-viewport li,
    .mn-ad-rolling .bx-viewport li a {
        height: auto;
	
    }
    .mn-row section[class^="mn-"] > h2,
    .mn-row section[class^="mn-"] > div > h2 {
        padding-left:3.5vw;
        font-size:16px;
    }
    .mn-qmenu strong {
        font-size:3.5vw;
    }
    .mn-qmenu span {
        font-size:3vw;
    }	
	.mn-date .schedule_box {  }
    .mn-book .tabs .tab-nav .ui-tabs-anchor,
    .mn-book .tabs.normal li a {
        font-size:16px;
    }
	/*활동모습*/
	.mn-laphoto .tabs .tab-nav .ui-tabs-anchor,
    .mn-laphoto .tabs.normal li a {
        font-size:16px;
    }
	.mn-row:nth-child(2) .mn-notice{
		height:auto;
		padding-bottom:15px;
	}
	.mn-row:nth-child(2) .mn-favorite {
		height:auto;
		padding-bottom:50px;
	}
	.mn-quick-edu {
		height:50px;
	}
	.mn-quick-edu a {
		height:50px;
		line-height:50px;
	}
    .mn-banner {
        display:none;
    }
    .mn-banner h2 {
        top:10px;
    }
	.mn-notice .tab.list {
		height:300px !important;
	}
    /* site-footer */
    .footer-site {
        display:none;
    }
	.footer-menu,
	.site-footer-info { padding-left:15px;padding-right:15px; }

    /* sub */
	.location-bar { text-align:left; }
	.location-bar .wrap { padding:0;margin:0;border-right:0;display:table;width:100%; }
	/*.location-bar .wrap > *:not(.ui-selectmenu-button) {
		display:table-cell;
		border:0;
		border-left:1px solid #e6e6e6;
		white-space:nowrap;
		font-size:12px;
	}*/
	*.location-bar .wrap > * {
		display:table-cell;
		border-left:1px solid #e6e6e6;
		white-space:nowrap;
		font-size:12px;
	}
	.location-bar .wrap > *:first-child {
		display:table-cell;
		border:0;
		padding:0;
		width:50px;
	}
	.location-bar .wrap .home ~ a { min-width:0;padding-left:10px;padding-right:5px; }
	/*.location-bar .ui-selectmenu-button { width:auto !important;display:table-cell; }
	.location-bar .ui-selectmenu-button span.ui-selectmenu-text { font-size:12px; }*/
		
	.pagefnc { 
		position:static;
		text-align:right;
		margin-top:5px;
	}

	table.chart th, table.chart td { padding-left:5px;padding-right:5px; }

	.img_order li {  }
	.img_order li strong { font-size:3vw;white-space:nowrap; }
	.img_order li span { font-size:2.4vw; }
	.img_order li + li:before { margin-left:-3px; }

	.psch_box .psch_list { width:100px;padding:0;height:calc(100vw - 110px);overflow:auto; }
	.psch_box .psch_list li a { font-size:12px;padding:0 5px; }
	.psch_box .sch_map { padding-right:101px; }
	.psch_box .sch_map img { height:calc(100vw - 110px) }
	.psch_box .map_box { height:calc(100vw - 40px) !important; }
	.map_cont ul { padding-left:0;padding-right:0; }
	.m_txt { font-weight:normal; }
	.m_txt a.btn-sm { display:block;margin-left:0;width:120px;margin-bottom:10px; }

	.h_card { padding:10px; }
	.h_card li:first-child div img { margin:0;max-width:100%; }
	.h_card li:first-child div img + img { margin-top:20px; }
	.h_card li strong { font-size:14px; }
	
	.m2_02,
	.m2_03,
	.m4_02_1,
	.m4_02_2,
	.m6_01,
	.m6_02,
	.m6_03,
	.book_bg p,
	.m4_txt_1 { font-size:16px; }

    /* fiure-list */
    .figure-list {
        font-size:0;
    }
    .figure-list li {
        margin-bottom:20px;
        display:block;
        width:100%;
    }
    .figure-list li + li {
        margin-left:0;
    }

    /* summary */
    .summary { display:block;padding:20px;line-height:1.6em;font-size:14px;}
    .summary *[class^=summary-img],
    .summary .summary-con {
        width:100%;
        display:block;
    }
    .summary *[class^=summary-img] > figure,
    .summary *[class^="summary-img-lg"] > figure {
        position:relative;
        margin:0 auto 10px;
    }
    .summary-con {
       width:100%;
       line-height:1.75em;
       font-size:14px;
    }
    .summary-con strong,
    .summary-con em {
        font-size:16px;
    }
    .summary-con > * + * {
        margin-top:10px;
    }

	/* 인사말 */
	.greeting_top {
		padding:20px;
	}
	.greeting_top:before {
		display:block;
		margin:0 auto 20px;
		position:static;
	}
	
	/* 연혁 */
	.history-summary { padding:20px 0; }
	.history-summary strong{ font-size:3.8vw; }
	.history-summary span { font-size:3.2vw; }
     
    .history-cont .history-tit,
    .history-cont table,
    .history-cont .history-photo,
	.history-cont .history-photo ~ .history-tit,
	.history-cont .history-photo ~ table { 
		width:100%; 
	}
	.history-cont .history-photo { 
		margin-right:0px;  
		float:none;
	}
	.history-cont .history-tit { 
		margin-top:10px;
		float:none;
	}
    .history-cont .history-tit li {
         display: inline-block;
        vertical-align: top;
        padding: 0;
    }
    .history-cont .history-tit li + li {
        padding:0 0 0 60px;
    }
    .history-cont .history-tit li + li:before {
        left: 15px;
        top: auto;
        bottom: 0;
        margin-left:0;
    }
	.history-cont table th,
	.history-cont table td { 
		font-size:14px;
	}


	/* 조직도 */
	.org_box a { 
		font-size:14px;
	}
	.org_box .org1 {
		width:80px;
		height:80px;
		line-height:80px;
	}
    .org_box .org2:before {
        height:60px;
        top:-20px;
    }
    .org_box .org2,
    .org_box .org3 {
        top:-20px;
    }
     .org_box .org2 + .org3:before  { 
		top:-80px;
        height:80px;
	}
	.org_box .org2 > ul > li {
		padding:20px 10px;
	}
	.org_box .org2  > ul > li + li:before { 
		width:100px;
		left:calc((100% - 120px)/2 - 60px );
        top:40px;
	}
	.org_box .org2 > li a,
    .org_box .org2 > li span {
		max-width:120px;
	}

    .org_box a, .org_box span {
        font-size:14px;
    }

	/* 다이어그램 */	
	.diagram-pc { display:none; }
	.diagram-mobile { display:block; }

	.calling-num { 
		margin-top:0px;
	}
	.calling-num strong { 
		display:block;
		text-align:left;
	}
	.calling-num input[type="text"] {
		margin-right:0;
		width:calc(100% - 120px);
	}
	.calling-num .btn-lg.spot3 { min-width:100px;width:110px;box-sizing:border-box;padding:16px 0 17px; }

    /* 선언문 */
	.declaration { padding:30px 20px; }
	.declaration h3 { font-size:18px; }

     /* 사이트맵 */
    #all_sitemap dl {width:calc((100% - 20px) /2);}
    #all_sitemap dl + dl,
    #all_sitemap dl + dl:nth-child(2n) {
        margin-left:20px;
    }
    #all_sitemap dl + dl:nth-child(2n + 1) {
        margin-left:0;
    }
}

/* -------------------------------------------------    
	- MOBILE MAX-WIDHT 375	
------------------------------------------------- */
@media screen and (max-width:375px) {
    .mn-book .tabs .tab-nav .ui-tabs-anchor, 
    .mn-book .tabs.normal li a {
        font-size:4vw;}

	/*활동모습*/
	    .mn-laphoto .tabs .tab-nav .ui-tabs-anchor, 
    .mn-laphoto .tabs.normal li a {
        font-size:4vw;}
}

/* -------------------------------------------------    
    - 20230824 plus
------------------------------------------------- */
.mn-qmenu li a:focus {
  box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #ffffff; /* 검은색 안쪽 상자와 흰색 바깥 상자 */
}
.site-header .site-gnb > li > a:focus{
box-shadow: inset 0 0 0 2px #000000, inset 0 0 0 5px #ffffff; /* 검은색 안쪽 상자와 흰색 바깥 상자 */
}
/* -------------------------------------------------    
    - 20240719 plus
------------------------------------------------- */
body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li.bx-clone.focus > a {
    padding: 3px; /* 요소에 패딩을 추가하여 그림자가 더 잘 보이도록 합니다 */
}

body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li.bx-clone.focus > a:focus {
    box-shadow: inset 0 0 0 4px #000000, inset 0 0 0 8px #ffffff; /* 두께를 각각 4px 및 8px로 증가 */
}

body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li.focus.focus > a {
    padding: 3px; /* 요소에 패딩을 추가하여 그림자가 더 잘 보이도록 합니다 */
}

body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li.focus.focus > a:focus {
    box-shadow: inset 0 0 0 4px #000000, inset 0 0 0 8px #ffffff; /* 두께를 각각 4px 및 8px로 증가 */
}

body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li > a{
	 padding: 3px; /* 요소에 패딩을 추가하여 그림자가 더 잘 보이도록 합니다 */
}
body > div.site-body > div.mn-contents.wrap > section > div > div > div.bx-viewport > ul > li > a:focus{
	 box-shadow: inset 0 0 0 4px #000000, inset 0 0 0 8px #ffffff; /* 두께를 각각 4px 및 8px로 증가 */
}

#calendar > table > tbody > tr > td > div > ul > li > strong > a:focus {
    outline: 4px solid #000; /* 바깥쪽 검은색 */
    outline-offset: 4px; /* 바깥쪽 검은색과 안쪽 흰색 간격 */
}

#calendar > table > tbody > tr > td > div > ul > li > strong > a:focus::before {
    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    border: 2px solid #fff; /* 안쪽 흰색 */
    pointer-events: none;
    box-sizing: border-box;
}
#calendar > table > tbody > tr > td > div > ul > li > strong > a {
    position: relative;
}