@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; }
fieldset, img { margin: 0;padding: 0;border: 0;}
input {vertical-align:middle}
input[type="text"],
input[type="password"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="file"],
input.file{height:32px;line-height:32px;border:1px solid #d5d5d5;padding:0 5px 0 5px;margin:1px 0}
input[type="checkbox"],
input[type="radio"]{width:22px;height:22px}
select {
  height:32px; vertical-align:middle;
  padding:0 5px;
  font-family: inherit;
  border: 1px solid #d5d5d5;
  border-radius: 0px;
}
select::-ms-expand { border: 0;background-color: transparent; } 
#write select {min-width:200px;}


textarea {border:1px solid #d5d5d5;padding:5px}
blockquote {padding: 25px !important;border: dotted 1px #777;background: #f7f7f7 url(images/quotes.png) no-repeat 5px 5px;}

.listsearch {position:relative;float:right;display:block;width:100%;border:solid 1px #ccc;box-sizing:border-box}
#search input {width:100%;border:0; background:transparent;height: 40px;padding:0;margin: 0;vertical-align:middle}
#search button {position:absolute;right:0;background: url("images/search.png") no-repeat scroll center center #888;cursor: pointer;height: 40px;text-indent: -99999em;transition: background 0.3s ease-in-out 0s;width: 40px;border:0}
#search button:hover {background-color:#000;}
#search select{position:absolute;left:0;border:0;margin:0;padding:0 5px;background-color:transparent;border-right:solid 1px #ccc;height:40px;line-height: 32px;font-weight:bold;font-size:12px}

select {
  padding-right:45px;
  background: url(images/select-arrow.jpg) no-repeat center right;  
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
select::-ms-expand { display:none }   
#search select{padding-right:45px}

.brdInfo {text-align:right;height:52px;color:#999;}
.bgImgNone	{background-image:none !important;}
.tip1{color:#036699;font-size:0.95em}
.tip2{color:#999;font-size:0.95em}
.paging {clear:both;margin-top:8px;;height:34px;overflow:hidden}
.paging img {vertical-align:middle;}
.paging span.nav {margin:0px;float:left; width:32px;height:32px;line-height:32px; border:solid 1px #ccc;border-right:inset 1px #ddd;border-left-width:0;text-align:center;background:#fff}
.paging span.first{border-left:solid 1px #ccc;}
.paging span.disable{color:#ddd}
.paging span.current {font-weight:bold;color:#fff;background:#333;}
.paging a:hover span{background:#f5f5f5}

.replyAndTrackback { color:#ff6600;font-size:0.95em;}
.replyAndTrackbackList{display:inline-block;width:24px;height:24px;text-align:center;padding-top:5px;background:url(images/icon_bubble.png) no-repeat;color:#999;font-size:0.95em;}

/* 리스트형 */
.brdComList{width:100%;border-collapse:collapse;table-layout:fixed;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;padding-top:10px}
.brdComList	th{height:42px;background:#f7f7f7;border-bottom:1px solid #eeeeee; line-height:30px;text-align:center}
.brdComList	td{height:42px;vertical-align:middle;text-align:center;border-bottom:1px solid #f7f7f7;color:#999;padding:5px}
.brdComList	td.data	{text-align:left;padding-left:10px;}
.brdComList	.subject a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.brdComList	tr.notice td{}
.brdComList	tr.current td{background:#f8f8f8}
.brdComList .txt_sub {font-size:0.95em;}

/* 메인노출앨범형 */
.albumListBox1 {float:left;padding:3px 0 0 0px;}
.albumList1 .icon_new    {margin: 0;}
.albumList1 ul {clear:both;margin:0px 0 0 0;}
.albumList1 li {float:left;width:147px;height:100px;padding-right:10px;overflow: hidden;}
.albumList1 li.last {margin:0 0 0 0;}
.albumList1 li.firsts {clear:left;}
.albumList1 li.lasts {float: none;}
.albumList1 dl {position:relative; height:100px; overflow: hidden;}
.albumList1 dt {position:relative;width:140px;height:120px; overflow:hidden;}
.albumList1 dt a {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1;}
.albumList1 dt a.more {display:block; overflow:hidden;width:17px; height:17px;position:absolute; left:auto; right:0px; bottom:0px; z-index:2; text-indent:1000em; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_open.gif) 0 0 no-repeat; cursor:pointer;}
.albumList1 dt a.more.selected {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_close.gif) 0 0 no-repeat;}
.albumList1 dd span {}
.albumList1 dd.nick img {vertical-align: -3px; margin-right: 2px;}
.albumList1 .subject {padding-bottom:3px;}
.albumList1 .txt_sub {margin-top:2px;font-size:0.95em;}
.albumList1 .blank_thumb {width:118px;height:118px;}
.albumList1 .blank_thumb p {padding-top:30px;}

/* 앨범형 */
.albumListBox {float:left;padding:10px 0 0 0px;}
.albumList .icon_new    {margin: 0;}
.albumList ul {clear:both;margin:10px 0 0 0;position:relative}
.albumList li {float:left;width:25%; margin:0;height:300px; text-align:center;overflow: hidden;}
.albumList li.last {margin:0 0 0 0;}
.albumList li.firsts {clear:left;}
.albumList li.lasts {float: none;}
.albumList .albumList_thumb {padding:5px 10px;}
.albumList dl {position:relative;  padding:0 5px 0 5px; overflow: hidden;}
.albumList dt {position:relative;width:100%; overflow:hidden;}
.albumList dt a {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:1;}
.albumList dt a.more {display:block; overflow:hidden;width:17px; height:17px;position:absolute; left:auto; right:0px; bottom:0px; z-index:2; text-indent:1000em; background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_open.gif) 0 0 no-repeat; cursor:pointer;}
.albumList dt a.more.selected {background:url(http://i1.daumcdn.net/cafeimg/cf_img4/img/btn_img_close.gif) 0 0 no-repeat;}
.albumList dd span {}
.albumList dd.nick img {vertical-align: -3px; margin-right: 2px;}
.albumList .subject {margin-top:5px;}
.albumList .subject a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.albumList .txt_sub {margin-top:2px;font-size:0.95em;color:#777}
.albumList .blank_thumb {width:118px;height:118px;}
.albumList .blank_thumb p {padding-top:30px;}

.movieListBox li {height:147px;}
.imageListBox li {height:187px;}
.movieListBox .albumList dt {height:80px;}
.movieListBox .albumList dt img.movie {position:absolute; left:5px; bottom:5px; z-index:1;}
.movieListBox .albumList dt a img {width:147px; height:80px;}

/* write */
fieldset.boardFormType01 {width:100%; border-top:1px solid #e6e6e6; }
fieldset.boardFormType01 dl {background-color:#f6f6f6; border-bottom:1px solid #e6e6e6; position:relative; padding-left:20%;}
fieldset.boardFormType01 dl:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dt {position:absolute; left:20px; top:50%; margin-top:-0.5em; font-weight:bold; color:#555555;}
fieldset.boardFormType01 dl dd {background-color:#fff; padding:10px 20px;}
fieldset.boardFormType01 dl dd:after {display:block; clear:both; content:" "; width:0; height:0; line-height:0; font-size:0; overflow:hidden; visibility:hidden;}
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='email'],
fieldset.boardFormType01 dl dd input[type='password'] {width:80%;}
fieldset.boardFormType01 dl dd input[type='checkbox'],
fieldset.boardFormType01 dl dd input[type='radio'] {margin-right:0; margin-top:0 \0/IE8+9;}
fieldset.boardFormType01 dl dd input[type='text'].full {width:98%; margin-top:5px;}
fieldset.boardFormType01 dl dd label {vertical-align:middle;}
fieldset.boardFormType01 dl dd.check {padding:11px 5px 8px 20px;}
fieldset.boardFormType01 dl dd.radio {padding:12px 5px 10px 18px;}
fieldset.boardFormType01 dl dd.check span,
fieldset.boardFormType01 dl dd.radio span {display:inline-block; margin:3px 15px 3px 0;}
fieldset.boardFormType01 dl dd.check label,
fieldset.boardFormType01 dl dd.radio label {margin-left:3px;}
fieldset.boardFormType01 dl dd.check strong {display:block; margin-bottom:5px;}
fieldset.boardFormType01 dl dd.phone select {min-width:0; width:80px;}
fieldset.boardFormType01 dl dd.phone input[type='text'] {width:65px !important; text-align:center;}
fieldset.boardFormType01 dl dd.phone span {margin:0 3px;}
fieldset.boardFormType01 dl dd.phone p.txt,
fieldset.boardFormType01 dl dd.phone p.radio {display:inline-block; margin-top:10px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:98%;}
fieldset.boardFormType01 dl dd.email input[type='text'],
fieldset.boardFormType01 dl dd.email select {min-width:0; width:45%;}
fieldset.boardFormType01 dl dd.birth select {min-width:0; width:60px;}
fieldset.boardFormType01 dl dd.birth select:first-child {width:80px;}
fieldset.boardFormType01 dl dd.birth span {margin-right:10px;}
fieldset.boardFormType01 dl.txt dd {padding-top:15px; padding-bottom:15px;}
fieldset.boardFormType01 dl dd span.cmt { color:#777777; margin-left:3px;}
fieldset.boardFormType01 p.txt { margin-right:-5px;}
fieldset.boardFormType01 span.txt { margin-right:20px;}
fieldset.boardFormType01 p.check,
fieldset.boardFormType01 p.radio {margin-top:10px;}
fieldset.boardFormType01 p.check label,
fieldset.boardFormType01 p.radio label { margin-right:20px;}
fieldset.boardFormType01 p.zipcode input[type='text'] {width:70px !important; text-align:center;}
fieldset.boardFormType01 dl dd.file input[type='text'] {width:50% !important;}

.board_info {margin:10px 0;border-top:solid 1px #dfdfdf;padding-top:10px;}
.board_title { margin:15px 0 10px 0;}
.board_info .item{position:relative;width:99%;padding:5px 0}
.board_info .i_label{display:block;position:static;left:10px;top:9px;font:bold 11px Tahoma}
.board_info .i_label{position:absolute; visibility:visible;padding-top:3px}
.board_info .i_text{display:block;position:relative;font:bold 11px Tahoma;height:22px;color:#767676;width:100%;background:transparent;margin:0 0 5px 0;padding:8px 0 6px 10px}


/* view */

.contentview {margin:20px 0 20px 0;border-top:1px solid #dfdfdf;padding-top:15px;border-bottom:1px solid #dfdfdf;padding-botttom:15px;;padding-bottom:15px;}
.contentview .title{padding-top:2px;padding-left:10px;color:#4399f9;font-weight:bold;line-height:25px;}

.brdComView	{width:100%;}
.brdComView .mpic-box{float:left;width:40px;margin:5px 5px 0 0 }
.brdComView img.mpic{width:40px;height:40px;}
.brdComView .txt_sub {font-size:0.95em;color:#777}
.brdComView .li-table {font-size:12px}
.brdComView .horizontal-style {
    display: table;
    width: 100%;
    border-collapse:collapse;border-spacing: 0px;
    table-layout: fixed;
    border-bottom:solid 1px #ddd;
}
.brdComView .horizontal-style li {
    display: table-cell;
    border-top-width:0;
    height:42px;vertical-align:middle;text-align:left;
}
.brdComView .horizontal-style li:first-child {border-left-width:0}
.brdComView .horizontal-style li:last-child {border-right-width:0}
.brdComView .liheader li{font-weight:bold;text-align:left;border-top:solid 1px #444;border-bottom:solid 1px #444}

.brdComView .li-table li.subject a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.brdComView .li-table li.data	{text-align:left;padding-left:10px;}
.brdComView .li-table li.poster span{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.article_subject { padding:5px 0 0 0;font-size:1.5em;font-weight:bold}
.article_writer { border-bottom:1px dotted #dfdfdf;}
.awriter {font-size:0.95em; color:#4ba7e7 !important;}
.abar  {font-size:0.95em; color:#ececec;}
.ahit {font-size:0.95em; color:#acacac;}
.adate {font-size:0.95em; color:#acacac;}

.btn_recommend {display: inline-block;overflow: hidden;height: 32px; width:140px;vertical-align: middle;line-height: 32px;margin:0  auto;padding:5px; text-align:center;cursor: pointer;}
.btn_recommend {background : #0099ff; color:#fff}
.btn_recommend:hover {background:orange}
.btn_recommend span {font-family:tahoma;font-weight:bold;font-size:0.95em;color:#fff}
.board_btn {text-align:center;padding:10px 0}
.tag {font-size:0.95em; color:#777}

.fileAttached {border: 1px solid #EFEFEF;background-color:#F5f5f5;padding:8px;overflow: hidden;overflow-x: hidden;overflow-y: hidden;}
.fileAttached ul {padding: 0;margin: 0;}
.fileAttached li {padding-left: 15px;display: block;float: left;margin: 5px 5px 0;white-space:nowrap;color:#828282;}
.fileAttached li a {color:#828282;font-family:tahoma;font-size:11px}

.article_content {margin:35px 0;font-size:inherit;}
.article_content p{padding: 5px 0;}
.article_content img{max-width:100%;height:auto}
.article_content ul{list-style-type: disc;}
.article_content ol{list-style-type: decimal;}
.article_content ul, .article_content ol {-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 40px;}
.article_content a {text-decoration:underline;color:#036699}
.article_content a:hover {color:orange}
.article_btn {clear:both; padding:10px 0;height:52px;border-top:solid 1px #ccc}

.replyBox {clear:both;margin-top:10px;padding:10px; color:#666666; border:1px solid #e0e1db;background:#f8f8f8}
.replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;}
.replyBox p { display:inline; }
.replyBox .author { float:left; padding:0 .3em 0 0; color:#3074a5; margin:0 .3em .5em 0;}
.replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; }
.replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;}
.replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;}
.replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;}
.replyBox .replyOption img { vertical-align:middle;}
.replyBox .replyContent { clear:left;padding:10px 0; }
.replyBox .replyContent p { display:block; }
.replyBox .reply { background-color:#f8f8f8; border-bottom:1px dotted #DDDDDD;}
.replyBox .replyIndent { background:url(images/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;}
.replyBox .user_name {padding-bottom:8px;}
.replyBox .comment_content {width: 98%; height: 100px; overflow-x: hidden; overflow-y: auto; line-height: normal}
.replyBox .comment_button {margin-top:10px;}
.replyBox label {font-size:11px}
.replyContent img{display:block;max-width:100%;height:auto}
.replyBox ul.menu-dropit {float:left;margin-left:2px;margin-top:3px}
.replyBox img.thumb{width:26px;float:left;padding-right:2px;padding-top:1px;vertical-align:middle}
.replyBox .date{float:left;}

.poll_frame{width:100&;position:relative}
.poll_inner{max-width:420px; margin:0 auto; border:solid 1px #ddd;background:#f5f5f5;padding:25px}
.tiny {font-size:10px !important}
.num {font-family:tahoma;}
.error {color:red}
.msgBox {text-align:center; padding:35px;}
#ytplayer {width:100%;height:420px}

/*Drop it */
.dropit {list-style: none;padding: 0;margin: 0;}
.dropit .dropit-trigger { position: relative; }
.dropit .dropit-submenu {position: absolute;top: 100%;z-index: 1000;display: none;min-width: 100px;list-style: none;padding: 0;margin: 0;}
.dropit .dropit-open .dropit-submenu { display: block; }
ul.dropit-submenu{display:none;background-color:#fff;border:1px solid #b2b2b2;padding:6px 0;margin:3px 0 0 1px;--webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.15);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.15);box-shadow:0px 1px 3px rgba(0,0,0,0.15);}
ul.dropit-submenu a{display:block;font-size:12px;line-height:25px;color:#7a868e;padding:0 10px;}
ul.dropit-submenu a:hover{background:#248fc1;color:#fff;text-decoration:none;}
.menu-dropit-gear ul.dropit-submenu {left:-80px}

/*emoticon */
.emo {display:inline-block;width:16px;height:16px;overflow:hidden;background-position:center center;background-repeat:no-repeat}
.icon_biggrin{background-image:url(images/smiles/icon_biggrin.gif)}
.icon_smile{background-image:url(images/smiles/icon_smile.gif)}
.icon_sad{background-image:url(images/smiles/icon_sad.gif)}
.icon_redface{background-image:url(images/smiles/icon_redface.gif)}
.icon_surprised{background-image:url(images/smiles/icon_surprised.gif)}
.icon_eek{background-image:url(images/smiles/icon_eek.gif)}
.icon_question{background-image:url(images/smiles/icon_question.gif)}
.icon_confused{background-image:url(images/smiles/icon_confused.gif)}
.icon_cool{background-image:url(images/smiles/icon_cool.gif)}
.icon_lol{background-image:url(images/smiles/icon_lol.gif)}
.icon_mad{background-image:url(images/smiles/icon_mad.gif)}
.icon_razz{background-image:url(images/smiles/icon_razz.gif)}
.icon_cry{background-image:url(images/smiles/icon_cry.gif)}
.icon_evil{background-image:url(images/smiles/icon_evil.gif)}
.icon_twisted{background-image:url(images/smiles/icon_twisted.gif)}
.icon_rolleyes{background-image:url(images/smiles/icon_rolleyes.gif)}
.icon_wink{background-image:url(images/smiles/icon_wink.gif)}
.icon_exclaim{background-image:url(images/smiles/icon_exclaim.gif)}
.icon_idea{background-image:url(images/smiles/icon_idea.gif)}
.icon_arrow{background-image:url(images/smiles/icon_arrow.gif)}
.icon15{background-image:url(images/smiles/icon15.gif)}
.icon14{background-image:url(images/smiles/icon14.gif)}
.icon13{background-image:url(images/smiles/icon13.gif)}
.icon10{background-image:url(images/smiles/icon10.gif)}

.weblink-box {display:inline-block;margin:0 auto; width:460px;text-align:left;border:solid 1px #ccc;cursor:pointer}
.weblink-thumb {width:85px;height:85px;margin-right:10px}

/*magnific popup extra css */
.mfp-iframe { }

@media screen and (max-width:767px) {
.pc{display:none !important}
.paging span.mfirst{border-left:solid 1px #ccc;}
fieldset.boardFormType01 {border-bottom:1px solid #e6e6e6;}
fieldset.boardFormType01 dl {background-color:#fff; border-top:1px dashed #e6e6e6; border-bottom:none; position:static; padding:0; margin:0 5px;}
fieldset.boardFormType01 dl:first-child {border:none;}
fieldset.boardFormType01 dl dt {position:static; margin:0; padding-top:10px;}
fieldset.boardFormType01 dl dd {padding-left:0; padding-right:2px;}
fieldset.boardFormType01 dl dd.check,
fieldset.boardFormType01 dl dd.radio {padding:7px 0;}
fieldset.boardFormType01 dl dd.textForm {padding-right:12px;}
fieldset.boardFormType01 dl dd.textForm textarea {width:100%;}
fieldset.boardFormType01 dl dd select,
fieldset.boardFormType01 dl dd input[type='text'],
fieldset.boardFormType01 dl dd input[type='email'],
fieldset.boardFormType01 dl dd input[type='password'] {width:100%;}
fieldset.boardFormType01 dl dd span.cmt {display:block; background:url('../../images/bullet/bullet04.gif') left 6px no-repeat; padding-left:6px; margin:5px 0 0 0;}
fieldset.boardFormType01 dl dd.birth {padding-right:0;}
fieldset.boardFormType01 dl dd.birth select:first-child {width:72px;}
fieldset.boardFormType01 dl dd.birth span {margin-right:2px;}
fieldset.memberForm dl dt {margin-left:-10px;}
fieldset.memberForm dl dt.blt {background-position:left 15px;}
fieldset.memberForm dl dd.idCheck input[type='text'] {width:67%;}
fieldset.boardFormType01 dl.txt dt {float:left; width:60px;}
fieldset.boardFormType01 dl.txt dd {float:left; padding-top:10px; padding-bottom:10px;}
.article_content iframe {width:100%}
.albumList li {width:33.3%; height:250px;}
}

@media screen and (max-width:520px) {
.albumList li {width:50%; height:230px;}
.article_content iframe {width:100%}
.mfp-iframe-scaler {padding-top: 120%; !important }
.weblink-box { width:95%}
}