@charset "UTF-8";
/* --------------------------------------------------
* Version	: 1.1
* Date		: 2014-11-20
* Author	: SangKi Park
  -------------------------------------------------- */

/*---------------------------------------------------*\
	Common
\*---------------------------------------------------*/
.mt48 {margin-top:48px}
.clear:after {content:'';clear:both;display:block}
.btnWrap {margin:24px 0;text-align:center}
.btnWrap.right {text-align:right}
.btnWrap.m12 a {margin:0 12px}
.ui-btn {display:inline-block;padding:1px;width:92px;height:34px;background-color:#9ca2a5;box-sizing:border-box}
.ui-btn span {display:inline-block;width:90px;height:32px;line-height:32px;border:1px solid #b5b6b5;box-sizing:border-box;font-size:16px;font-weight:bold;color:#fff;text-align:center}
.ui-btn-a {background-color:#ef7d21;color:#fff}
.ui-btn-a span {border-color:#f79a52}
.ui-btn-b {background-color:#315194}
.ui-btn-b span {border-color:#6379ad}
.ui-btn-small {width:68px;height:26px}
.ui-btn-small span {width:66px;height:24px;line-height:24px;font-size:12px}
#contents .new {position:relative;padding:24px 0}
#contents .new h3 {margin-bottom:24px;padding:0;height:auto;font-size:28px;line-height:56px;background:none;color:#424242}


/*---------------------------------------------------*\
	Location
\*---------------------------------------------------*/
#contents .new .location {position:absolute;top:0;right:0}
#contents .new .location li {float:left;margin-right:13px;padding-right:13px;border-right:1px solid #e4e4e4}
#contents .new .location li.last {margin-right:0;border-right:none}
#contents .new .location li a {display:block;color:#666}


/*---------------------------------------------------*\
	Search
\*---------------------------------------------------*/
.ui-srchBoxWrap {position:relative;padding:24px 0;border:1px solid #dadee1;background-color:#f8f9fa;text-align:center}
.ui-srchBoxWrap .ui-srchSel {padding-left:12px;width:140px;height:34px;border-color:#dadee1;box-sizing:border-box}
.ui-srchBoxWrap .ui-inputText {margin-left:4px;padding-left:12px;width:360px;height:32px;border:1px solid #dadee1}
.ui-srchBoxWrap .ui-btn {display:inline-block;margin-left:3px;vertical-align:middle}


/*---------------------------------------------------*\
	SNS Link 
\*---------------------------------------------------*/
.snsLink {float:left;margin-top:-58px;padding-left:40px;background:url(../../images/common/ic_share.gif) no-repeat}
.snsLink li {float:left;margin:0 2px}
.snsLink li a.btn_copy {display:block;margin:2px 10px;width:67px;height:23px;border:1px solid #b5b9bc;background-color:#fff;line-height:25px;color:#666;text-align:center}


/*---------------------------------------------------*\
	Comment
\*---------------------------------------------------*/
#comment {margin-top:50px;border-top:1px solid #c2cde3;border-bottom:1px solid #c2cde3}
#comment .commentWrite .authorWrap {padding:23px 0 15px}
#comment .commentWrite .authorWrap .name {float:left;font-weight:bold}
#comment .commentWrite .authorWrap .date {float:right;color:#969696}
#comment .commentWrite .commentWriteBox {position:relative;padding:15px 95px 15px 10px;border-top:1px solid #b5b5b5;border-left:1px solid #b5b5b5;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-color:#fff}
#comment .commentWrite .commentWriteBox textarea {width:100%;border:none;resize:vertical}
#comment .commentWrite .commentWriteBox .ui-btn {position:absolute;bottom:15px;right:15px}
#comment .commentList {margin-top:24px;border-bottom:1px solid #c2cde3}
#comment .commentList li {padding:23px 3px 23px 7px;border-top:1px dashed #a5a2a5}
#comment .commentList .name {font-weight:bold;margin-bottom:15px}
#comment .commentList .commentContent {float:left;color:#969696}
#comment .commentList .date {float:right;color:#969696}


/*---------------------------------------------------*\
	Board
\*---------------------------------------------------*/
.ui-tbl-list td,
.ui-tbl-view td {text-align:center}
.ui-input-txt {width:100%;min-height:22px}
.ui-tbl-list,
.ui-tbl-view {table-layout:fixed;width:100%;border-top:3px solid #c2cde3;border-bottom:2px solid #c2cde3}
.ui-tbl-list th, .ui-tbl-view th,
.ui-tbl-list td, .ui-tbl-view td {padding:12px;height:16px}
.ui-tbl-list td.subject, .ui-tbl-view td.subject,
.ui-tbl-view td .tag {overflow:hidden;padding:0 15px;width:auto;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}
.ui-chk-list {overflow:hidden}
.ui-chk-list li {float:left}
.ui-chk-list li input {margin-right:4px;vertical-align:bottom}
.ui-chk-list li label {display:inline-block;min-width:60px}
/* 리스트 */
.ui-tbl-list thead tr th {border-bottom:1px solid #c2cde3;background-color:#f3f5fa;color:#303030}
.ui-tbl-list tr td {border-bottom:1px solid #cecece;background-color:#fff;color:##666;text-align:center}
.ui-tbl-list tr.selected  td {font-weight:bold}
.ui-tbl-list tr.notice td, .ui-tbl-list tr.notice td a {font-weight:bold;color:#ef7e22}
.ui-tbl-list img {margin:0 2px;vertical-align:middle}
.ui-tbl-list input.chkBox {width:18px;height:18px;cursor:pointer}
.ui-tbl-list .td-l{text-align: left;}
/* 보기(기본) */
.ui-tbl-view th, .ui-tbl-view td {position:relative;border-bottom:1px solid #cecece}
.ui-tbl-view th {background-color:#f3f5fa;color:#303030}
.ui-tbl-view td {background-color:#fff;line-height:1.6;color:#666;text-align:left}
.ui-tbl-view td.file a {display:block;font-weight:bold;line-height:1.6;color:#666;text-align:left}
.ui-tbl-view textarea {resize:none;width:100%;min-height:200px;border:0;background-color:#fff;line-height:1.4;}
.ui-tbl-view td .tag {display:block;padding-left:30px;background:url(../../images/common/ic_file.gif) no-repeat 0 50%;line-height:30px}
/* 보기(블로그) */
.ui-tbl-view.blog td.file {border-top:1px solid #cecece}
/* 보기(상세) */
.ui-tbl-view.detail td {text-align:left}
.btnWrap.p_right {position:absolute;right:0;margin:12px 0}
/* 글쓰기 */
.ui-tbl-view.write td {text-align:left}
.ui-tbl-view.write td .input_txt {padding:0;width:100%;height:18px;line-height:18px}
.ui-tbl-view.write td .fileWrap {position:relative;width:600px}
.ui-tbl-view.write td .fileWrap .ui-btn {position:absolute;top:0;cursor:pointer}
.ui-tbl-view.write td .fileWrap .ui-btn::-moz-focus-inner {border:0;padding:0}
.ui-tbl-view.write td .fileWrap .input_txt {margin-left:68px;padding-left:8px;max-width:100%;height:26px;box-sizing:border-box}
.ui-tbl-view.write td .fileWrap .btn_ok {margin-left:8px;cursor:pointer}
.ui-tbl-view.write td .fileList {margin-top:10px}
.ui-tbl-view.write td .fileList span {display:block;line-height:28px;font-weight:bold}
.ui-tbl-view.write td .fileList span a.btn_del {display:inline-block;margin-left:10px;vertical-align:middle}
/* 이전, 다음글 보기 */
.ui-tbl-view.advance {margin-top:36px}
.ui-tbl-view.advance th:after {content:'';display:block;position:absolute;top:50%;right:8px;margin-top:-4px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}
.ui-tbl-view.advance td {text-align:left}
.ui-tbl-view.advance .prev:after {border-bottom:6px solid #a5aebd}
.ui-tbl-view.advance .next:after {border-top:6px solid #a5aebd}


/*---------------------------------------------------*\
	Thumbnail List
\*---------------------------------------------------*/
/* TypeA (List) */
.ui-thumb-list {border-top:1px solid #cecfce}
.ui-thumb-list ul {overflow:hidden}
.ui-thumb-list ul li {float:left;position:relative;padding:16px 0;width:50%;border-bottom:1px solid #cecece}
.ui-thumb-list ul li .ui-chkBox {position:absolute;top:16px;left:1px;width:18px;height:18px;z-index:102}
.ui-thumb-list ul li > a {display:block;position:relative;padding:0 20px 0 23px;width:192px;height:134px;z-index:101}
.ui-thumb-list ul li a .thumb {position:absolute;top:0;left:23px;padding:3px;width:184px;height:126px;border:1px solid #cecece}
.ui-thumb-list ul li a .thumb:hover {background-color:#ef7e22}
.ui-thumb-list ul li a .thumb img {max-width:100%;height:100%}
.ui-thumb-list ul li .info {position:absolute;top:16px;left:234px;width:174px;height:134px}
.ui-thumb-list ul li .info p {margin-bottom:10px;font-size:12px;font-weight:normal;line-height:1.4;color:#666}
.ui-thumb-list ul li .info p.tit {font-weight:bold}
.ui-thumb-list ul li .info p.tit .ic_new {margin-left:8px;vertical-align:middle}
/* TypeB (Album) */
.ui-thumb-list.typeB {overflow:hidden}
.ui-thumb-list.typeB ul {width:100%}
.ui-thumb-list.typeB ul li {padding:0 4px;width:20%;box-sizing:border-box}
.ui-thumb-list ul li .ui-chkBox {top:4px;left:4px}
.ui-thumb-list.typeB ul li > a {padding:0;width:100%;height:156px}
.ui-thumb-list.typeB ul li a .thumb {top:24px;left:0;width:100%;height:126px;box-sizing:border-box}
.ui-thumb-list.typeB ul li .info {position:relative;top:0;left:0;padding:0 4px;width:100%;box-sizing:border-box}
.ui-thumb-list .nodata,
.ui-thumb-list.typeB .nodata {padding:12px 0;width:100%;border-bottom:1px solid #cecfce;text-align:center}


/*---------------------------------------------------*\
	List Type Select & RSS
\*---------------------------------------------------*/
.ui-list-type {margin:30px 0 10px;text-align:right}
.ui-list-type .ui-schSel {-webkit-appearance:none;margin-left:24px;padding:0 26px 0 12px;width:130px;height:26px;border-color:#dadee1;background:#fff url(../../images/common/sel_arr.gif) no-repeat right 0;line-height:26px;vertical-align:top}
.ui-list-type .select-type {overflow:hidden;display:inline-block;margin-left:24px;width:51px;height:24px;border:1px solid #cecece;vertical-align:top}
.ui-list-type .select-type a {float:left;display:block;width:25px;height:24px}
.ui-list-type .select-type a:first-child {border-right:1px solid #cecece}
.ui-list-type .select-type a img {vertical-align:normal}
.btn-rss {display:inline-block;margin-left:24px;padding-left:24px;width:auto;background:url(../../images/common/ic_rss.gif) no-repeat 0 50%;font-size:12px;line-height:26px;color:#335397}


/*---------------------------------------------------*\
	Pagination
\*---------------------------------------------------*/
.ui-pagination {margin:24px 0;text-align:center}
.ui-pagination .ui-page {display:inline-block;width:22px;height:22px;line-height:22px;font-size:12px;color:#666;vertical-align:middle}
.ui-pagination .current {background-color:#335397;font-weight:bold;color:#fff}
.ui-pagination .ui-btn {display:inline-block;padding:0;width:22px;height:22px;border:1px solid #bdbfc1;vertical-align:middle}

#mask {display:none;overflow:hidden;position:absolute;top:0;left:0;z-index:9000;min-width:1100px;background-color:#000;opacity:0.4;filter:alpha(opacity=40)}
#mask.type1 {background-color:#000;opacity:0.8;filter:alpha(opacity=80)}
#loadLayer{position:fixed;left:50%;top:45%;z-index:100000;width:84px;height:104px;padding:10px;margin-left:-42px;margin-top:-42px;background:#fff;text-align:center}
#loadLayer .imgLoading {width:64px;height:64px;margin-bottom:15px;}


/* 드림레터 코너관리 */
.both_select{
    position: relative;
}

.both_select .btn_green_02{
    position: absolute;
    top:49px;
    right: 0;
    line-height: 1.5;
    margin:0!important;
	z-index: 10;
}

.both_select .searchword{
    margin:10px 0;
}
.both_select .searchword button{
    vertical-align:middle;
    border:1px solid #ddd;
    padding:1px 3px;
    background:#fff;
}
.both_select .insert_pop .pop_body{padding:0;}
.both_select .board_wrap_left .scroll_list02 {
    background: #fff;
    border: 1px solid #ccc;
	height: 409px;
    overflow-y: auto;
}
.both_select .board_wrap_left .scroll_list02 li {
    height:40px;
    border-bottom:1px solid #ddd;
    padding:0 0 0 10px;
    line-height:40px;
}
.both_select .board_wrap_left .scroll_list02 li input{
    padding:4px 0;
	vertical-align:top;
	margin:8px 0 0 0;
}
.both_select .board_wrap_left .scroll_list02 li a{
    float:left
}
.both_select .board_wrap_left .scroll_list02 li.active {
    background: #fbf9f5;
}
.both_select .board_wrap_left .scroll_list02 li.active:before {
    content:"▶";
    display:inline-block;
    padding:0 5px 0 0;
    color: #f60;
    font-size:10px;
	float:left;
}
.both_select .board_wrap_left .scroll_list02 li.active a{
    /* font-weight:600; */
    color: #000000;
}
.both_select .board_wrap_left .scroll_list02 li button{
    float:right; 
    border:1px solid #ddd;
    border-radius:3px;
    padding:3px 5px;
    margin:5px 5px 0 0;
    line-height:20px;
	background: #fff;
}
.both_select .board_wrap_center{
    float:left;
    margin-top: 230px;
    vertical-align: top;
}
.both_select .board_wrap_center #btnSelect{
    border:1px solid #ccc;
    background:#fff;
    padding: 12px 10px;
    margin:0 0 0 5px;
    line-height: 31px;
}
.board_wrap_right {
    margin: 25px 0 0 50%;
}
.both_select .board_wrap_right #classBody{
    background: #fff;
    border: 1px solid #ccc;
    margin: 18px 0 10px 0;
    height: 435px;
    overflow-y: auto;
}
.both_select .board_wrap_right #classBody li{
    height:40px;
    border-bottom:1px solid #ddd;
    padding:0 0 0 10px;
    line-height:40px;
}
.both_select .board_wrap_right #classBody li button{
    float:right; 
    border:1px solid #ddd;
    border-radius:3px;
    padding:3px 5px;
    margin:5px 5px 0 0;
    line-height:20px;
}
.both_select .board_wrap_right #classBody li a.move{
    float:right;
    border-radius:3px;
    padding:5px 4px 0 0;
    margin:5px 0 0 0;
}

.both_select .board_wrap_right #classBody li.active {
    background: #fbf9f5; 
	color: #000000;
}
.both_select .board_wrap_right #classBody li.active:before {
    content:"▶";
    display:inline-block;
    padding:0 5px 0 0;
    color: #f60;
    font-size:10px;
}
.both_select .board_wrap_right #classBody li.active{    
/* font-weight:600; */

}



.insert_pop_02 { width: 480px; position: absolute; left: 10px; top: 10px; position: relative; overflow: hidden;  }
.insert_pop_02 .pop_header { width: 100%; height: 33px; line-height: 33px; text-align: center; background: #313431; }
.insert_pop_02 .pop_header h1 { color: #fff; font-size: 12px; font-weight: bold; }
.
.insert_pop_02 .pop_body_02 {
    position: relative;
}

.insert_pop_02 .pop_body_02 .btn_area .btn_green_02 {
    margin:10px 0;
    line-height: 1.5;
}

.insert_pop_02 .pop_body_02 .searchword {
    margin:10px 0;
}
.insert_pop_02 .pop_body_02 .searchword button{
    vertical-align:middle;
    border:1px solid #ddd;
    padding:1px 3px;
    background:#fff;
    margin-top:10px;
    margin-left:-10px;
}
.insert_pop_02 .pop_body_02{padding:0 10px 0px 5px;}

.insert_pop_02 .pop_body_02 .scroll_list03 {
    background: #fff;
    border: 1px solid #ccc;
    height: 480px;
    overflow-y: auto;
}
.insert_pop_02 .pop_body_02 .scroll_list03 li {
    height:40px;
    border-bottom:1px solid #ddd;
    padding:0 0 0 10px;
    margin:10px 10px 10px 10px;
    line-height:40px;
}
.insert_pop_02 .pop_body_02 .scroll_list03 li a{
    float:left
}
.insert_pop .pop_body_02 .scroll_list03 li.active {
    background: #fbf9f5;
}
.insert_pop_02 .pop_body_02 .scroll_list03 li.active a:before {
    content:"▶";
    display:inline-block;
    padding:0 5px 0 0;
    color: #f60;
    font-size:10px;
}
.insert_pop_02 .pop_body_02 .scroll_list03 li.active a{
    /* font-weight:600; */
    color: #000000;
}
.insert_pop_02 .pop_body_02 .scroll_list03 li button{
    float:right; 
    border:1px solid #ddd;
    border-radius:3px;
    padding:3px 5px;
    margin:5px 5px 0 0;
    line-height:20px;
}