html, body, p { margin:0; padding:0; }
ul, li { margin:0; ; }
html { height:100%; background:#353840; /*background:#353840; */}
a { color:#555; text-decoration:none; }
#page {background:#fafafa;  /*background:#353840; */overflow:hidden; }

embed {max-width:100% }
video {max-width:100% }
iframe {max-width:100% }
img {border-radius: 4px; height: auto !important}

body, table, input, textarea, select, button {
    font-family: Helvetica, sans-serif;
}

.level { letter-spacing: -0.15px !important; color:#f2f0ffd9 !important; font-weight: 500;}
.level:before {content:"Lv."; font-weight: 200;}

/* jplayer */

#jp_container_1 {max-width:100% }
.jp-audio, .jp-audio-stream, .jp-video { border:none !important;}
.jp-audio .jp-interface {height:85px !important; background-size:100% !important; padding:0 !important;display: none !important; }
.jp-volume-controls,
.jp-audio .jp-type-playlist .jp-time-holder,
.jp-audio .jp-type-playlist .jp-toggles,
.jp-audio .jp-controls {display:none !important}
.jp-audio .jp-type-playlist .jp-progress { left:15px !important; width:88% !important; display:none !important}
.jp-playlist-item { font-size: 11px !important; }
.jp-playlist-item span em { font-size: 11px !important;}
.jp-playlist li { padding:5px 0 4px 0px !important; white-space:nowrap; list-style-type:none !important}
.jp-playlist ul { padding:0 2px 0 3px !important}
.jp-details, .jp-playlist { border:none !important;}


.xe_content a { color:#FFB0A6; font-weight: 300; font-size:11px;word-wrap: break-all; word-break:break-all; }
.xe_content p {font-weight: 300; letter-spacing: -0.2px}
.xe_content,
.xe_content p { line-height: 24px; text-align:justify;word-wrap: break-all; word-break:break-all;}

/* m.skins/sweetMobileBoard/css/xeicon/xeicon.min.css 때문에 재정의하는 것 */
.xe_content i { font-style:italic;     font-family: 'Apple SD Gothic Neo','맑은 고딕', 'Malgun Gothic';
    speak: none;
    font-weight:inherit;
    font-variant: normal;
    text-transform:	none;
    line-height: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}


/* 글쓰기 양식 */
hr {border:1px solid #eee; border-top: 1px dotted #fff;	}
hr.dot { border-top: 1px dashed #bbb;	border-bottom: 1px dashed #fff;}

h1215,
h1215.title { display: block; color: #333; 
font: 15px   Helvetica,'Apple SD Gothic Neo','맑은 고딕', 'Malgun Gothic', dotum;
padding: 9px 15px 9px !important;background:url(../img/h1215.png) repeat-y;  background-position: 0px 9px;
border-bottom: 1px solid #F9F0F0;
letter-spacing: -0.01em; 
margin-bottom:-6px !important;  }

h1215 b { font-weight:bold; font-size:15px;}
h1215 hdate { font-weight:100;  font-size:12px; }

div.h1215 { padding:0 0 0 13px;}
div.h1215 ul {margin:0; padding:0}
div.h1215 li { list-style:none !important; background-image: url(../img/dot2.png)  !important;  background-repeat: no-repeat;  background-size: 8px;background-position: 0px 9px; padding:2px 0 0 20px;margin-left: 4px !important; }
div.h1212 li { list-style-type: circle !important}


h1216 {color:#fff; background:#D3DFF5; border-left: 10px solid #F7D4D4;margin-left:-26px !important; padding:5px 7px 5px 6px !important; font-weight:500; font-size:13.5px; text-shadow: 0px 0px 26px rgb(46, 36, 39); line-height: 40px;
border-radius: 0 3px 3px 0;}

.dan { display: flex; justify-content: normal; align-items: normal; flex-wrap: wrap;}
.dan span.two {width: 48.6527% ; margin-right: 5px;}
.dan span.three {width: 30% ; margin-right: 5px;} 
.dan span.four {width: 23% ; margin-right: 5px;} 
.dan span.two img,
.dan span.three img
.dan span.four img {width:100%}

#links { display: block;  color: #333;  font-size: 13px; 
padding:21px 0;   }

#links h0 { list-style:none; color: #F7B4AE;
    background-image: linear-gradient(to top, #fafafa 0%, #f2f2f2 90%);border-radius: 2px 31px 2px 5px;
    padding:6px 35px 5px 14px;
    border-top: #e3e3e3 1px solid; border-left-style: solid;
    border-bottom: #eee 1px solid;
    margin: 0 !important;}
#links ul {padding:1px 0 0;  margin:0;border-bottom:0px solid #f0f0f0; }

#link {  padding-top:3px;  list-style-type: disc;  font-size:12px !important;  font-weight: 300;  }
#link li { list-style:none !important; padding:3px 0 3px 2px;  margin:0 !important; border-top:1px solid #f0f0f0; line-height: 21px }
#link li:before { content:"ㆍ "  }
#link li a { color:#555 !important;  font-size:12px !important;  }
#link li a:hover { text-decoration:none;  background:#FFFBE8}


/* 연관글 */
#to_core {  margin-top: 0px;     padding: 0 15px; margin-bottom: -22px;}
#to_core ul  {padding:3px 0; border-bottom:1px solid #f0f0f0; }
#to_core ul.title { color:#fff;  font-size: 13px;  }
#to_core ul.title strong { list-style: none;
    color: #F7B4AE;
    background-image: linear-gradient(to top, #fafafa 0%, #f2f2f2 90%);
    border-radius: 2px 31px 2px 5px;
    padding: 6px 35px 5px 14px;
    border-top: #e3e3e3 1px solid;
    border-left-style: solid;
    border-bottom: #eee 1px solid;
    margin: 0 !important;
}
#to_core ul.title em { color:#FFEBEC }
#to_core ul.content {background:#fff; padding-left: 2px; padding:5px 0; ;}

#to_core a { font-size:12px; font-weight:600; padding:3px 0; color:#555; font-family:Helvetica, 맑은 고딕, Malgun Gothic, Apple SD Gothic Neo, Segoe UI; font-weight: 300;}
#to_core a em2 {  font-weight:300; ;}
#to_core a em2:hover { background:#FFFBE8}
#to_core a em { color:#42C4B2; font-weight:800;}



  
/* **** 준수력 *** */
#MidHeader	{     text-align: center;
    font-size: 10.5px;
    font-family: Helvetica, sans-serif,'Apple SD Gothic Neo', Apple SD Gothic Neo, Segoe UI;
    color: #333;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 19px;
    text-shadow: 1px 1px 0 #FFF;  }
#glow { padding:25px 0 0;}
#MidHeader .title { font-size:14px; font-family:맑은 고딕, Malgun Gothic, Apple SD Gothic Neo, Segoe UI; color:#fd79a5; font-weight:bold;}



/* 특정글 출력 위젯 */

#todayjs {font-size:1.1em;font-weight:bold;color:#444;background:url(../img/bullet.gif) 0 16px no-repeat;list-style:none;padding:6px 0 5px 12px;letter-spacing:-0.05em}
#todayjs_ {padding:6px 0 5px 12px;}




/* 모아보기 */
#collection { margin:25px; border: 0px solid #e5e5e5;  border-bottom:0px solid #e5e5e5;}
#collection ul { margin:0; padding:0;}
#collection li { list-style:none; padding:0 16px; margin:0 0 17px;  line-height:39px;
-webkit-box-shadow: -1px 0px 16px -6px rgba(102,102,102,0.27);
-moz-box-shadow: -1px 0px 16px -6px rgba(102,102,102,0.27);
box-shadow: -1px 0px 16px -6px rgba(102,102,102,0.27);
;}
#collection li.title { font:15px 맑은 고딕; font-weight:800; padding:12px 15px 12px; border-bottom: 0px solid #e5e5e5; color:#4A67AA; background:#DFECF3;    text-shadow: 0px 0px 3px #FFF; }
#collection li.line {}
#collection li:hover  { background:#DFECF3}

#collection li.line .new { padding:0 0 0 5px; color:#F17777; font: 11px "Trebuchet MS"}

#collection a { color:#333;}

/* 로고 영역 CSS */
.header { border-bottom:1px solid #bbb; background:#fff; }
.header.sub { border-bottom:0px solid #f1f1f1; }
.header .top { overflow:hidden; position:relative; }
.header .top .logo { padding:12px 0 10px; float:left; margin:0 0 0 55px; }
.header .top .logo img { height:20px; }
.header .top .logo span { color:#333; line-height:20px; position:relative; top:1px; font-size:14px; font-weight:bold; }

/* 사이드 메뉴 호출버튼 CSS */
.header .top  .xdtSideMenu { height:22px; width:44px; position:absolute; top:11px; left:0; display:inline-block; border-right:1px solid #c0c0c0; }
.header .top  .xdtSideMenu .xdtBar,
.mm-opened .header .top  .xdtSideMenu .xdtBar { width:20px; height:14px;position:relative; top:4px; left:12px; }
.header .top  .xdtSideMenu .xdtBar div { height:0; border-top:2px solid #383431; position:absolute; transition:all 0.2s;  }
.mm-opened .header .top  .xdtSideMenu .xdtBar div { height:0; border-top:2px solid #383431 ; position:absolute; transition:all 0.2s; }
.header .top  .xdtSideMenu .xdtBar div.btn1 { width:20px; top:0; }
.header .top  .xdtSideMenu .xdtBar div.btn2 { width:20px; top:6px; transition:all 0.1s }
.header .top  .xdtSideMenu .xdtBar div.btn3 { width:20px; bottom:0; }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn1 { top:6px; width:20px; -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn2 { top:6px; display:none; }
.mm-opened .header .top  .xdtSideMenu .xdtBar div.btn3 { top:6px; width:20px; -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

/* 검색창 영역 CSS */
.header .top .xdtBtnSearch { width:44px; height:44px; background:url(../img/btSearch.png) no-repeat center center; float:right; background-size:18px; padding:0 1px 0 0; }
.header .xdtSearch { padding:5px 10px; border-top:1px solid #f9f9f9; display:none; position:relative; overflow:hidden; }
.header .xdtSearch .inputSearch { position:relative; border:0px solid #dcdcdc; overflow:hidden; }
.header .xdtSearch .inputSearch input[type="search"] { display:block; border:0; width:100%; box-sizing:border-box; line-height:30px; height:30px; padding:0 30px 0 5px; font-size:12px; outline:0; }
.header .xdtSearch .inputSearch input[type="reset"] { position:absolute; right:0; top:0; width:14px; margin:8px; height:14px; border:0; background:url(../img/btReset.png); color:transparent; font-size:1px; background-size:14px; }
.header .xdtSearch .inputSubmit { float:right; background:#dcdcdc; border:1px solid #dcdcdc; height:30px; }
.header .xdtSearch .inputSubmit input[type="submit"] { border:0; background:transparent; height:30px; padding:1px 10px; margin:0; color:#fff; }
/*
.header .xdtSearch div { margin:0 60px 0 0; border:1px solid #dcdcdc; position:relative; }
.header .xdtSearch div input[type="search"].inputText { border:0; outline:0; width:100%; box-sizing:border-box; margin:0 30px 0 0; padding:5px; }
.header .xdtSearch div input[type="reset"] { position:absolute; right:5px; top:3px; outline:0; display:inline-block; width:17px; height:17px; border:0; background:url(../img/btReset.png); color:transparent; font-size:1px; background-size:17px; }
.header .xdtSearch input[type="submit"] { position:absolute; right:10px; top:5px; width:60px; height:26px; padding:2px 0 0 0; color:#fff; display:inline-block; border:0; outline:0; }

*/


/* 메인 슬라이드 메뉴 CSS */
.header .mainNavi { border-top:1px solid #f9f9f9; list-style:none; overflow:hidden; top:1px; position:relative; }
.header .mainNavi li { text-align:center; float:left; padding:10px 0 7px 0; font-size:1.1em; }
.header .mainNavi li.act { border-bottom:4px solid; }
.header .mainNavi li.act.green { border-color:#1eb501; color:#1eb501 }
.header .mainNavi li.act.xe { border-color:#4F68C0; color:#526bbe; }
.header .mainNavi li.act.gray { border-color:#ccc; color:#ccc; }
.header .mainNavi li.act.blue { border-color:#0088cc; color:#0088cc; }
.header .mainNavi li.act.skyblue { border-color:#84accb; color:#84accb; }
.header .mainNavi li.act.red { border-color:#fe8505; color:#fe8505; }
.header .mainNavi li.act.pink { border-color:#ee80c3; color:#ee80c3; }


/* 사이트맵 메뉴 CSS */
.header .mapNavi { overflow:hidden; list-style:none; padding:0; margin:0; }
.header .mapNavi li { float:left; width:25%; height:53px; }
.header .mapNavi li a { display:block; text-align:center; border-top:1px solid #ddd; border-right:1px solid #ddd; }
.header .mapNavi li:nth-child(1) a,
.header .mapNavi li:nth-child(2) a,
.header .mapNavi li:nth-child(3) a,
.header .mapNavi li:nth-child(4) a { border-top:1px solid #ddd; }
.header .mapNavi li:nth-child(4n) a { border-right:0; }
.header .mapNavi li.active { font-weight:bold; color:#526bbe; }
.header .mapNavi li span { display:block; padding:3px 0 0 0; }
.header .mapNavi li span.img img { height:30px; }
.header .mapNavi li span.img { height:30px; }
.header .mapNavi li span.txt { padding:3px 0 3px 0; }
.header .mapNavi li span.only { height:50px; line-height:50px; }

/* 사이드메뉴 CSS */
#menu { /*background:#e9ada9;*/ background:linear-gradient(#e0cfff1a, #4789a2);font-family:Helvetica,sans-serif; display:grid; min-height: 400px;}
.mm-menu > .mm-panel {-ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
.mm-menu > .mm-panel::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/}

#menu.mm-menu { display:none; }
#menu.mm-menu.mm-opened { display:block; }
#menu .xdtMemberL {  padding: 25px 10px 5px 20px; margin: 10px 0 20px;}
.MN_title {font-weight: 800; color: #426cadcc; font-family: Times New Roman, cursive;font-size: 13px; padding: 0 0 3px;text-shadow: 1px 3px 9px #fff;}
.MN_sub {font-weight: 600; color: #bbb; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; font-size: 7pt; padding: 0 0 2px;}

#menu .xdtMemberL .xdtMemberLinfo { height:37px; /*background:#eb9794; */ }
#menu .xdtMemberL .xdtMemberLinfo a { color:#fff;padding: 0 5px 0 0;}
#menu .xdtMemberL .xdtMemberLinfo img { height:26px; margin:2px 0; float:left; background:#fff; border:3px solid #fff; border-radius:20px; }
#menu .xdtMemberL .xdtMemberLinfo span { float:left; line-height:36px; color:#fff; padding:0; font-size:6pt; letter-spacing:3px; }
#menu .xdtMemberL .xdtMemberLelse { list-style:none; padding:10px 10px 10px 0; margin:0; overflow:hidden; }
#menu .xdtMemberL .xdtMemberLelse li { width:98%; box-sizing:border-box; float:left; padding:0 0 0 15px; }
#menu .xdtMemberL .xdtMemberLelse li a { display:block; text-align:center; padding:5px 0; color:#fff; border:1px solid #f5c5c0; border-radius:3px; font-size:1em; background-color:#f5c5c0; }

#menu .xdtGnb { list-style:none; padding:20px 0 0 3px; margin:0;  min-height: 100%; display: block;
    background:#fff; border-radius: 21px 415px 0 0;}
#menu .xdtGnb li { list-style:none; padding:0; margin:0;  display:block;}
#menu .xdtGnb>li>a {  border-bottom:0px solid #3A3A3A; font-size:1.2em; display:block; padding:9px 19px 9px 19px; color:#000; font-weight:300;
    /*text-shadow: 0px 0px 3px #eb9794; border-top:1px dotted #eb9794;*/ }
#menu .xdtGnb>li>a.mm-subopen { display:none; }
#menu .xdtGnb>li>ul { /*padding: 0 15px; */ margin-top: -27px; display: flex;
    margin-left: 23px;}
#menu .xdtGnb>li>ul li { }
#menu .xdtGnb>li>ul li a { padding:5px 3px 10px 8px; color:#bbb; /* color:#fde0dd;text-shadow:0px 0px 3px #FFF; border-top: 1px dashed #eb9794;  text-shadow: 0px 0px 3px #eb9794; background: #aabccf; */ display:block; font-size:6pt; font-weight: 600; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}
#menu .xdtGnb>li>ul li a:before { content:"  " ; border-left:1px solid #a69fda91; padding: 0 0 0 7px;}
#menu .xdtGnb>li>ul li a span.o { display:inline-block; width:7px; height:7px; background:#999; position:relative; top:-4px; left:0px; margin:0 8px 0 0; }
#menu .xdtGnb>li>ul li a span.i { display:inline-block; width:6px; height:6px; background:#444; position:absolute; top:0; left:1px; }
#menu .xdtGnb>li>ul li.active { /*background:#eb9794; */}

.subBody { overflow:hidden; background:#fafafa; }

#mm-blocker {opacity: 0.6;
    background: #bbb; box-shadow: inset rgb(0 0 0 / 13%) 8px -5px 8px 1px}

/* 메인 슬라이드 본문 CSS */
.bodyMain .swipe { overflow: hidden; visibility: hidden; position: relative; background:#f4f4f4; }
.bodyMain .swipe-wrap { overflow: hidden; position: relative; margin:0 !important; padding:0 !important; display:block; list-style:none; }
.bodyMain .swipe-wrap > div { float:left; width:100%; position: relative; margin:0; padding:5px !important; box-sizing:border-box; }


.body { background:#fff; }

/* 푸터 CSS */
.footer { padding:0 0 15px 0;    background: #fff;}
.footer .tool_menu { overflow:hidden; list-style:none; padding:0; margin:0; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; }
.footer .tool_menu li { float:left; width:100%; background:#ffffff; text-align:center; }
.footer .tool_menu li a { color:#c3c3c3; display:block; line-height:30px; border-right: 1px solid #eee; white-space:nowrap; }
.footer .tool_menu li:last-child {  border-right:0; }

.footer .footer_menu { text-align:center; padding:0; margin:10px 0 5px 0; list-style:none; }
.footer .footer_menu li { display:inline-block; border-left:1px solid #45484d; margin:5px 0; }
.footer .footer_menu li:first-child { border-left:0; }
.footer .footer_menu li a { display:block; color:#9e9e9e; padding:0 7px; }

.footer .copy { color:thistle; text-align:center; line-height:20px; font-size:7px; letter-spacing: -0.4px;} 





/* list CSS */
#Alist-L{ margin:0 18px}
#Alist-R { margin:0 18px}
#Alist-T{display: block;clear: both;margin:5px 18px; text-align: center;
    padding: 0;
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    color: #888;
    font-size: 9px;
    font-weight: 600;
    font-style: italic;  }

#Alist { display: block; color: #000;  font-size: 13px;margin: 5px 0 12px;box-shadow: 0px 0px 0.1px #f2f2f2;
    border-radius: 9px;
    border: 1px dotted #fff; background-color:mistyrose;
}

.agename { display: block;clear: both;
    padding: 0;
    font-family: Baskerville, Helvetica, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    color: #888;
    font-size: 9px;
    font-weight: 600; }
#Alist .agename { padding:5px 15px; font-weight:600; background-color: #fff;border-bottom: 1px dotted #eee; text-shadow: 0 1px 0 #FFF;
font-size: 10px; font-family: Helvetica; margin-left:7px}
#Alist .agename2 { font-weight:400; background-color: #fff;text-shadow: 0 1px 0 #FFF;
font-size: 10.5px; font-family: Helvetica, 맑은 고딕; }
#Alist .agename2 li { border: 0; padding: 10px 15px 0 15px; display: inline-block;}
#Alist {  list-style-type: disc; font-size:13px; font-weight:300; }
#Alist ul {margin:0; padding:0; margin-left:7px;background: #fff;}
#Alist li { list-style:none;padding:8px 16px;   border-bottom: 1px solid #eee;   font-size: 11px; font-family: Helvetica; line-height: 15px}

.agename a,
#Alist .agename2 a,
#Alist li a { color:#333333; }
.agename a:hover,
#Alist .agename2 a:hover,
#Alist li a:hover { text-decoration:none; color:#8866CC;}

#Alist-L img,
#Alist-R img {  margin: 0; box-shadow: 0px 0px 0.5px #f2f2f2; border: 1px dotted #f1f1f1;}



#audio_pc {display:none;}
#audio_mobile {display:block !important}