@charset "UTF-8";

body {font-family: '맑은 고딕', 'Malgun Gothic', Dotum !important;}

#traveli_title {height:80px;width:100%;font-size:20px;background-color:#e6e6e6;border-bottom:1px solid #cbcaca}
#traveli_title strong {width:80%;margin:0 auto;display:block;padding:30px 0;color:#395390}
#container {width:80%;margin:0 auto}
input, textarea {font-family: '맑은 고딕', 'Malgun Gothic', Dotum; font-size: 12px;border:1px solid #b6b6b7;margin:3px 0}

.view {padding: 10px 0 10px 0; /*font-weight: bold; letter-spacing: -1px;*/}
.info_search {border:1px solid #c9d2e1; background-color:#f6fafd;padding:8px;overflow:hidden;margin:0 0 20px}
.info_search p {font-weight:bold; color:#395390;line-height:2.0em}
.info_search .page {padding:3px;width:100px;}
.int-search {padding:1px;font-weight:bold;width:150px;height:19px;}
.ser {float:right !important;}
.btn_left{float:left;padding-bottom:5px}
.btn_submit {display:inline-block;width:44px;height:23px;background:url('../image/admin_image/btn_search.gif') no-repeat;cursor:pointer;border:none}

.table_app {width:100%;border:2px solid #d1d6dc; text-align:center; table-layout:fixed; border-collapse:separate;border-bottom:2px solid #d1d6dc;}
.table_app tfoot th,.table_app tfoot td {border-bottom:1px solid #dadada;border-top:2px solid #355590;}
.table_app thead th {border-bottom:2px solid #355590;padding:8px 0 8px; background-color:#f6fafd;border-right:1px solid #dadada; }
.table_app .left {text-align:left;padding-left:15px}
.table_app tbody th {padding:8px 0 8px;border-right:1px solid #dadada;border-bottom:1px solid #dadada;background:#f5f5f5; color:#716a6a; text-align:center;}
.table_app tbody td {padding:8px 0 8px;border-right:1px solid #dadada;border-bottom:1px solid #dadada}
.btn_in {background:url('../image/admin_image/btn_intable.gif') no-repeat; text-decoration: none; color:#555; cursor: pointer;width:50px;display:inline-block;text-align:center;line-height:2.4em;font-size:11px}
.btn_in span { color:#555; /*To fix IE6 problem (not displaying)*/}
.btn_in2 {background:url('../image/admin_image/btn/btn_intable2.gif') no-repeat; text-decoration: none; color:#555; cursor: pointer;width:73px;display:inline-block;text-align:center;line-height:2.4em;font-size:11px}
.btn_in2 span { color:#555; /*To fix IE6 problem (not displaying)*/}
.table_app .nopad {padding:3px 0 3px 0}
.table_app .last {border-right:none}
.no_b {border:none}

/* 페이지표시 */
.page_list {margin-top:30px;text-align:center;clear:both}
.page_list a{display:inline-block;text-align:center;/*border:1px solid #c0c0c0;*/vertical-align:middle;font-family:"Tahoma",돋움;vertical-align:middle;}
.page_list a.btn_p{border:1px solid #c0c0c0;margin:0 1px;padding:4px 7px 2px 7px;background-color:#f6fafd;}
.page_list a.btn_p2,.page a.btn_p3{margin:0;padding:0;border:0;}
.page_list a.btn_p2{margin-right:10px;}
.page_list a.btn_p3{margin-left:1px;}
.page_list a.btn_p4{margin:0 1px;padding:0}
.page_list img{vertical-align:middle;margin-top:0px;}
.page_list .on{display:inline-block;padding:5px 11px 3px 10px;text-align:center;/*border:1px solid #c0c0c0;*/vertical-align:middle;font-family:"Tahoma",돋움;vertical-align:middle;font-weight:bold;letter-spacing:-1px;text-decoration:none;background:#666;color:#fff}/*활성화된 상태*/
.page_list a:hover{text-decoration:none;}

/*Page Navigation*/
.page_list{border-top: 1px solid #c0c0c0; padding: 15px 0 0; position: relative; margin-top: 0;}
.page_list a{display: inline-block; width: 23px; height: 23px; line-height: 23px; padding: 0 !important; margin: 0 !important; border: 1px solid #c0c0c0; background-color:#f6fafd; vertical-align: middle;}
.page_list a.on{background: #666; color: #fff; cursor: default;}
.page_list .btn_first{text-indent: -9999em; background: url(../image/admin/pageFirst.gif) no-repeat -1px -1px;}
.page_list .btn_prev{text-indent: -9999em; background: url(../image/admin/pagePrev.gif) no-repeat -1px -1px; margin-right: 8px !important;}
.page_list .btn_next{text-indent: -9999em; background: url(../image/admin/pageNext.gif) no-repeat -1px -1px; margin-left: 8px !important;}
.page_list .btn_last{text-indent: -9999em; background: url(../image/admin/pageLast.gif) no-repeat -1px -1px;}
.page_list .btn_write{position: absolute; top: 12px; right: 65px;}
.page_list .btn_del{position: absolute; top: 12px; right: 0;}
.page_list.type2{border-top: 1px solid #355590;}
.page_list.type2 .btn_write{position: absolute; top: 12px; right: 0px;}
.page_list.type2 .btn_enroll{position: absolute; top: 12px; right: 110px;}
.page_list.type2 .btn_remove{position: absolute; top: 12px; right: 0px;}
.page_list.type2 li{float:left;}


/* 버튼 */
.btn_right {float:right; margin-left:4px; font-size:12px;clear:both}
.btn2 {background:url('../image/admin_image/btn_btn2.gif') no-repeat; text-decoration: none; color:#4b4b4b; cursor: pointer; font-weight:bold;width:62px;height:28px;display:inline-block;text-align:center;line-height:2.4em;margin:10px 0}
.btn2 span {color:#4b4b4b; /*To fix IE6 problem (not displaying)*/}
.btn4 {background:url('../image/admin_image/btn4.gif') no-repeat; text-decoration: none; color:#4b4b4b; cursor: pointer; padding:7px 10px 7px 10px; font-weight:bold; font-size:11px}
.btn4 span {color:#4b4b4b; /*To fix IE6 problem (not displaying)*/}
.btn3 {background:url('../image/admin_image/btn_btn3.gif') no-repeat; text-decoration: none; color:#fff; cursor: pointer; font-weight:bold;width:62px;display:inline-block;text-align:center;line-height:2.4em;margin:4px 0px}
.btn3 span {color:#fff; /*To fix IE6 problem (not displaying)*/}

/* 등록 */
.table_info {width:100%;border-top:1px solid #355590; text-align:left; table-layout:fixed; border-collapse:separate}
.table_info tfoot th,.table_info tfoot td {border-bottom:1px solid #dadada;border-top:2px solid #355590;}
.table_info th {background:#f9f9f9; color:#2d2d2d; font-weight:normal;}
.table_info tbody th {padding:8px 0 8px 15px;border-left:1px solid #dadada; border-bottom:1px solid #dadada; background:#f5f5f5; color:#716a6a; text-align:left}
.table_info tbody td {padding:8px 15px 8px 15px;border-left:1px solid #dadada;border-right:1px solid #dadada; border-bottom:1px solid #dadada}
.table_info .last {border-bottom:none}
.table_info label {width:150px;display:inline-block}
.table_info span {font-weight:bold;color:#324a8a}
.table_info .nopad{padding:none}
.table_info .re_edit .tab a {display:inline-block;padding:5px 20px;border-top:1px solid #c6c6c6;border-left:1px solid #c6c6c6;border-right:1px solid #c6c6c6}
.table_info .re_edit .tab a.on {display:inline-block;padding:5px 20px;background-color:#8a8d3d;color:#fff;border:0;border-top:1px solid #8a8d3d;border-left:1px solid #8a8d3d;border-right:1px solid #8a8d3d}
.table_info .re_edit .edit_view {border:1px solid #c6c6c6;padding:20px;margin-bottom:10px;}
.table_info label.m_null {width:60px}
.register_view p.align_r {text-align:right}
.register_view .pic_column {border:1px solid #9caab3;padding:25px;margin-bottom:10px;position:relative;*zoom:1;}
.register_view .co60 {padding:25px 60px 25px 25px}
.pic_column:after {content:"";clear:both;display:block;}
.pic_column .pre_view {background-color:#f7f4f4;height:250px;padding:10px;border:1px solid #e4e4e4;color:#b3b3b3}
.pic_column .view_close {position:absolute;right:10px;top:10px}
.pic_column .btn_register {text-align:center;padding:10px 0;clear:both;border-top:2px dotted #5e7c7c;margin-top:10px;float:left;width:100%}
.pic_column .column2p {float:left;width:46%;margin:0 auto;margin:10px}
.pic_column .column3p {float:left;width:30%;margin:0 auto;margin:10px}










/* Layout */
html, body {height: 100%;}
#headWrap {position: relative; height: 105px; padding-bottom: 22px; z-index: 1;}
#container{padding: 127px 0 140px 0;}
#containerWrap{min-height: 100%; margin: -127px auto -140px;}
#footWrap{background: #30333e; height: 25px; margin-top: 115px;}

/* Common */
.fl{float: left;}
.fr{float: right;}
.clearfix:after {content: "";display: block;clear: both;}
    .ie6 .clearfix { height: 1px; } // IE6
    .ie7 .clearfix { min-height: 1px; } // IE7
.blind {visibility: hidden;position: absolute;top: -10000px;height: 1px;width: 1px;}
#container fieldset{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.al{text-align: left !important;}

.input{vertical-align: middle; height: 27px; width: 90%; padding: 0 8px; border: 1px solid #a9a9a9; margin: 0;}
button{vertical-align: middle;}
.ui-buttonset .ui-button{margin-right: -.5em !important;}

/* Gnb */
#headWrap {}
    #headWrap .top {width: 80%; height: 65px; margin: 0 auto; position: relative;}
    #headWrap .top h1#logo{position: absolute; top: 10px;}
    #headWrap .top .log{position: absolute; top: 25px; right: 0;}
    #headWrap .top .log li{float: left; padding: 0 8px;}
    #headWrap .top .log li a:hover{color: #000;}

#gnbWrap {overflow:hidden; background:#30333e;}
    #gnbWrap #gnb {width:80%; height: 40px; margin: 0 auto; position: relative;}
    #gnbWrap #gnb li { float:left; width: 7.6%;}
    #gnbWrap #gnb li a{display: block; width: auto; height: 40px; line-height: 40px; text-align: center; color: #848792; font-weight: normal;}
    #gnbWrap #gnb li.on a{background: #0e79e7; color: #fff;}

#list {width: 80%; margin: 0 auto; position: relative;}
#list .manage_index {height: 38px; line-height: 38px; border: 1px solid #ccc;}

/* Footer */
#footWrap p{width: 80%; height: 25px; line-height: 25px; color: #bababb; margin: 0 auto; position: relative; font-size: 10px; text-align: center;}
    #footWrap p strong{font-weight: normal;}
    #footWrap p a.btn_top{display: inline-block; height: 25px; color: #fff; position: absolute; right: 0; display: none;}

/* BTN LIST */
.wrap_btn{width: 100%; border-top: 1px solid #355590; padding: 12px 0 0px;}
.wrap_btn.type2{border-top: 1px solid #355590; padding: 12px 0 0px; text-align: right;}

/* 테이블 */
.tbl{padding:0; width:100%; border-collapse:collapse; border-spacing : 0; border-left: 1px solid #dadada; border-top: 1px solid #355590; margin-bottom: 25px;}
    .tbl th, .tbl td{border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; vertical-align: middle; padding: 8px 12px; font-size: 11px; height: 28px; line-height: 20px; position: relative;}
    .tbl th{background: #f5f5f5; text-align: left; font-weight: normal;}
    .tbl td input, .tbl td textarea{padding: 0; margin: 0; vertical-align: middle; margin-top: -2px;}
    .tbl td .input{vertical-align: middle; height: 24px; width: 90%; padding: 0 8px; border: 1px solid #a9a9a9;}
    .tbl td .input.text{height: 26px;}
    .tbl td .input.phone{width: 35px; height: 26px; text-align: center;}
    .tbl td .input.area{width: 55px; }
    .tbl td .input.time{width: 30px;}
    .tbl td .input.scale{width: 60px;}
    .tbl td .input.textarea{height: 100px; padding: 8px;}
    .tbl td .input.file{padding: 2px 8px 0px; margin-top: -2px}
    .tbl td .select{width: 120px; margin-right: 12px;}
    .tbl td label{margin-right: 12px; vertical-align: middle;}
    .tbl td .datepicker{width: 75px; height: 26px; margin-left: 12px; margin-right: 8px; text-align: center;}
    .tbl td .spinner{width: 60px; height: 26px; padding: 0 5px;}
    .tbl td .spinner.time{width: 70px;}
    .tbl td .ui-spinner-button{width: 19px !important;}
    .tbl td img{border: 1px solid #ccc;}
    #no_line img{border: 0;}
    .tbl td .wrap_btn {border: 0; margin: 0; padding: 12px 0; text-align: right;}
    .tbl td .radio {display: inline-block;}
    .tbl td .stit {width: 50px; display: inline-block;}
    .tbl td .slist li {padding-bottom: 12px;}
    .tbl td .slist li.lastchild {padding-bottom: 0px;}
    .tbl td .sumnail {position: absolute; top: 5px; left: 450px;}
    .tbl td .tm-tag {margin-bottom: 0; padding: 2px 4px; height: 23px; margin-top: 0;}
    .tbl td .contents-tags .tm-tag span { font-size:12px; letter-spacing:1px; }
    .tbl td .contents-tags input { font-size:12px; letter-spacing:1px;}
.tbl.top{margin-top: 0px; border-top: 2px solid #355590;}
.tbl.type2{margin: 25px 0 0;}
.tbl.in{margin-bottom: 0;}
    .tbl.in th{background: none;}
.tbl.index {border-top: 1px solid #355590; /*margin-bottom: 0px;*/}
    .tbl.index th, .tbl.index td{text-align: center; padding: 3px 12px;}
    .tbl.index td .input{margin-top: 0;}
    .tbl.index td .input.text{width: 80%;}
    .tbl.index td a{color: #1c94c4; font-weight: bold;}
    
    
/* 인트로 테이블 2 */    
.b_tbl{padding:0; width:100%; border-collapse:collapse; border-spacing : 0; border-left: 1px solid #dadada; border-top: 1px solid #355590; margin-bottom: 25px;}
.b_tbl th, .b_tbl td{border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; vertical-align: middle; padding: 8px 12px; font-size: 11px; height: 28px; line-height: 20px; position: relative;}
.b_tbl th{background: #f5f5f5; text-align: left; font-weight: normal;}
.b_tbl td input, .b_tbl td textarea{padding: 0; margin: 0; vertical-align: middle; margin-top: -2px;}
.b_tbl td .input{vertical-align: middle; height: 24px; width: 90%; padding: 0 8px; border: 1px solid #a9a9a9;}
.b_tbl td .input.text{height: 26px;}
.b_tbl td .input.phone{width: 35px; height: 26px; text-align: center;}
.b_tbl td .input.area{width: 55px; }
.b_tbl td .input.time{width: 30px;}
.b_tbl td .input.scale{width: 60px;}
.b_tbl td .input.textarea{height: 100px; padding: 8px;}
.b_tbl td .input.file{padding: 2px 8px 0px; margin-top: -2px}
.b_tbl td .select{width: 120px; margin-right: 12px;}
.b_tbl td label{margin-right: 12px; vertical-align: middle;}
.b_tbl td .datepicker{width: 75px; height: 26px; margin-left: 12px; margin-right: 8px; text-align: center;}
.b_tbl td .spinner{width: 60px; height: 26px; padding: 0 5px;}
.b_tbl td .spinner.time{width: 70px;}
.b_tbl td .ui-spinner-button{width: 19px !important;}
.b_tbl td img{border: 1px solid #ccc;}
.b_tbl td .wrap_btn {border: 0; margin: 0; padding: 12px 0; text-align: right;}
.b_tbl td .radio {display: inline-block;}
.b_tbl td .stit {width: 50px; display: inline-block;}
.b_tbl td .slist li {padding-bottom: 12px;}
.b_tbl td .slist li.lastchild {padding-bottom: 0px;}
.b_tbl td .sumnail {position: absolute; top: 5px; left: 450px;}
.b_tbl td .tm-tag {margin-bottom: 0; padding: 2px 4px; height: 23px; margin-top: 0;}
.b_tbl td .contents-tags .tm-tag span { font-size:12px; letter-spacing:1px; }
.b_tbl td .contents-tags input { font-size:12px; letter-spacing:1px;}
.b_tbl.top{margin-top: 0px; border-top: 2px solid #355590;}
.b_tbl.type2{margin: 25px 0 0;}
.b_tbl.in{margin-bottom: 0;}
.b_tbl.in th{background: none;}
.b_tbl.index {border-top: 1px solid #355590; /*margin-bottom: 0px;*/}
.b_tbl.index th, .b_tbl.index td{text-align: center; padding: 3px 12px;}
.b_tbl.index td .input{margin-top: 0;}
.b_tbl.index td .input.text{width: 80%;}
.b_tbl.index td a{color: #1c94c4; font-weight: bold;}

/* 인트로 테이블3 */
.i_tbl{padding:0; width:100%; border-collapse:collapse; border-spacing : 0; border-left: 1px solid #dadada; border-top: 1px solid #355590; margin-bottom: 25px;}
.i_tbl th, .i_tbl td{border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; vertical-align: middle; padding: 8px 12px; font-size: 11px; height: 28px; line-height: 20px; position: relative;}
.i_tbl th{background: #f5f5f5; text-align: left; font-weight: normal;}
.i_tbl td input, .i_tbl td textarea{padding: 0; margin: 0; vertical-align: middle; margin-top: -2px;}
.i_tbl td .input{vertical-align: middle; height: 24px; width: 90%; padding: 0 8px; border: 1px solid #a9a9a9;}
.i_tbl td .input.text{height: 26px;}
.i_tbl td .input.phone{width: 35px; height: 26px; text-align: center;}
.i_tbl td .input.area{width: 55px; }
.i_tbl td .input.time{width: 30px;}
.i_tbl td .input.scale{width: 60px;}
.i_tbl td .input.textarea{height: 100px; padding: 8px;}
.i_tbl td .input.file{padding: 2px 8px 0px; margin-top: -2px}
.i_tbl td .select{width: 120px; margin-right: 12px;}
.i_tbl td label{margin-right: 12px; vertical-align: middle;}
.i_tbl td .datepicker{width: 75px; height: 26px; margin-left: 12px; margin-right: 8px; text-align: center;}
.i_tbl td .spinner{width: 60px; height: 26px; padding: 0 5px;}
.i_tbl td .spinner.time{width: 70px;}
.i_tbl td .ui-spinner-button{width: 19px !important;}
.i_tbl td img{border: 1px solid #ccc;}
.i_tbl td .wrap_btn {border: 0; margin: 0; padding: 12px 0; text-align: right;}
.i_tbl td .radio {display: inline-block;}
.i_tbl td .stit {width: 50px; display: inline-block;}
.i_tbl td .slist li {padding-bottom: 12px;}
.i_tbl td .slist li.lastchild {padding-bottom: 0px;}
.i_tbl td .sumnail {position: absolute; top: 5px; left: 450px;}
.i_tbl td .tm-tag {margin-bottom: 0; padding: 2px 4px; height: 23px; margin-top: 0;}
.i_tbl td .contents-tags .tm-tag span { font-size:12px; letter-spacing:1px; }
.i_tbl td .contents-tags input { font-size:12px; letter-spacing:1px;}
.i_tbl.top{margin-top: 0px; border-top: 2px solid #355590;}
.i_tbl.type2{margin: 25px 0 0;}
.i_tbl.in{margin-bottom: 0;}
.i_tbl.in th{background: none;}
.i_tbl.index {border-top: 1px solid #355590; /*margin-bottom: 0px;*/}
.i_tbl.index th, .i_tbl.index td{text-align: center; padding: 3px 12px;}
.i_tbl.index td .input{margin-top: 0;}
.i_tbl.index td .input.text{width: 80%;}
.i_tbl.index td a{color: #1c94c4; font-weight: bold;}


/*Search Bar*/
.info_search{height: 36px;}
    .info_search .total{vertical-align: middle; line-height: 36px; font-weight: bold; color: #1c94c4;}
    .info_search .input.text{width: 200px; height: 26px; vertical-align: middle; margin-top: -1px; margin: 0; padding: 0 8px; margin: 0 0px 0 5px;}
    .info_search .select{width: 80px; vertical-align: middle;}
    .info_search .btn_search{vertical-align: middle;}
    .info_search .ui-button-text-only .ui-button-text{padding: 0.3em 1em;}




/*느껴보기 포토에세이, 미션패밀리*/
.sortable ul{}
    .sortable li{padding: 4px 6px; margin-bottom: 8px; position: relative;}
    .sortable li span{display: inline-block;}
    .sortable li .num{padding: 0 12px;}
    .sortable li .tit{color: #666; font-weight: normal; padding-left: 12px; width: 50%; vertical-align: middle;}
    .sortable li .btn_first{position: absolute; top: 10px; right: 12px;}
    .sortable li .btn_edit{position: absolute; top: 42px; right: 81px; width: 65px;}
    .sortable li .btn_del{position: absolute; top: 10px; right: 12px; width: 65px;}
    .sortable li .ui-icon{display: inline-block; vertical-align: middle; margin-top: -2px;}
    .sortable .ui-state-highlight {height: 70px;}

/*느껴보기 동화 이미지 리스트*/
.list_img {padding-top: 12px;}
    .list_img li{float: left; margin-right: 5px; margin-bottom: 5px;}

/*느껴보기 포토드라마*/
.video{padding: 8px 0 0;}
.sum{padding: 8px 0 0;}

/*느껴보기 리스트*/
.list{*zoom:1; overflow: hidden; margin: 0 auto; overflow: hidden; display: inline-block;}
    .list:after {content: ''; display: none; clear: both; float: none;}
    .list > li{float: left; margin-left: 5px; margin-bottom: 20px;}
    .list > li > a{border: 1px solid #c3c3c6; display: inline-block; padding: 7px 9px 40px 0; position: relative; vertical-align: middle;}
    .list > li > a:hover{border: 1px solid #ff6600;}
    .list > li.lastchild{margin-right: 0px;}
    .list > li input{vertical-align: top;}
    .list li img.photo {border-top:1px solid #a2a1a1;border-right:1px solid #a2a1a1;border-bottom:1px solid #a2a1a1;}
    .list li a+img{border:1px solid #63666b;width:198px;height:117px;}
    .list li span.lit {display:block;font-size:11px;font-family: "돋움",Dotum;border-top:1px solid #e9ebee;line-height:2.0;margin:0 15px 0}
    .list li span.lit strong {color:#30333e;padding:0 8px 0 0}
    .list li span.play_go {position:absolute;top:55px;left:90px;text-align:center;color:#fff;border:none;font-weight:bold}
    .list li h4 {/*height:22px;*/display:block;margin:12px 0 12px 15px;font-size:16px;color:#30333e;font-weight:normal}
    .list li span.hogam {position:absolute;left:180px;bottom:81px;border:none}
    .list li span.chogam {position:absolute;left:10px;bottom:-40px;border:none;z-index:999}
    .list li span.mark {position:absolute;left:15px;bottom:1px;border:none}
    .list li span.donation {position:absolute;left:15px;bottom:33px;border:none}
    .list li span+em {display:block;font-family:Tahoma;font-size:10px;border-top:1px solid #e9ebee;color:#c0c1c5;text-align:right;margin:0 14px}

/* 연관키워드 */
.keyword{position: relative;}
    .keyword ul li{}
    .keyword ul li .input{margin-top: 0;}
    .keyword ul li label{margin: 0 12px;}
    .keyword .btn_add{margin-left: -2px;}

/* 기명정보 */
.writer{position: relative;}
    .writer ul{padding-top: 8px;}
    .writer ul li{padding-bottom: 3px;}
    .writer ul li .input{margin-top: 0; width: 450px; margin: 0;}
    .writer ul li .input.datepicker{width: 80px;}
    .writer ul li label{margin: 0 12px 0 0;}

/* 이미지 등록 */
.regi_image .input.file{border: 0; width: 220px;}
    .regi_image .stit{width: 70px !important;}
    .regi_image .btn_add{margin-left: -2px;}

/* 관련 콘텐츠 */
.connection .input.file{border: 0; width: 220px;}
    .connection .btit{width: 90px; display: inline-block; font-weight: normal;}
    .connection .stit{display: inline !important;}
    .connection ul li{padding-bottom: 5px;}

/*인덱스페이지 관리*/
.titlebar{position: relative; height: 38px; line-height: 38px; border: 1px solid #ccc; border-top: 1px solid #355590; margin-bottom: 8px; background: #f5f5f5;}
    .titlebar li{position: absolute;}
    .titlebar li.tit1{width: 70px; left: 15px; text-align: center;}
    .titlebar li.tit2{width: 100px; left: 70px; text-align: center;}
    .titlebar li.tit3{width: 58%; left: 175px; text-align: center;}
    .titlebar li.tit7{right: 220px;}
    .titlebar li.tit4{right: 165px;}
    .titlebar li.tit5{right: 107px;}
    .titlebar li.tit6{right: 35px;}
.manage_index{padding-bottom: 12px;}
    .manage_index .sortable li{padding: 15px 12px;}
    .manage_index .sortable li span{vertical-align: middle;}
    .manage_index .sortable .num{padding: 0; width: 35px; padding-top: 1px; text-align: center;}
    .manage_index .sortable .tit{width: 100px; padding: 0; text-align: center;}
    .manage_index .sortable .desc{font-weight: normal; color: #666; width: 55%;  height: 16px; overflow: hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
    .manage_index .sortable .btn_display{position: absolute; right: 170px; top: 5px;}
    .manage_index .sortable .btn_introdisplay{position: absolute; right: 220px; top: 5px;}
    .manage_index .sortable .btn_edit{position: absolute; right: 82px; top: 5px;}
    .manage_index .sortable .btn_del{position: absolute; right: 12px; top: 5px;}

    .manage_index .sortable li .ui-icon{margin-top: -8px;}
    .manage_index .sortable li .ui-icon.ui-icon-arrowthick-2-n-s{margin-top: -2px;}
    .manage_index .sortable .ui-state-highlight { height: 48px; padding: 0;}
.regi_etc .desc{padding-bottom: 8px;}
    .regi_etc .stit{display: inline-block; width: 35px;}

/*인덱스 페이지 등록*/
.gridster{width: 684px; float: left; margin-left: -5px; margin-right: 8px;}
    .gridster ul li{background: #ddd; border: 1px solid #fff;}
    .gridster ul li.on{background: #ddd; border: 1px solid #666;}
    .gridster ul li .btn_del{position: absolute; right: 0px; top: 0px; padding: 5px;}
    .gridster ul li .num{display: inline-block; height: 30px; padding: 5px;}
    .gridster ul li .size{position: absolute; bottom: 0; left: 0; padding: 5px;}
    .gridster ul li .tit{display: inline-block; padding: 5px;}
    .btnset{float: left;}
.area_grid.type2 .gridster{width: 960px; float: none; margin: 0 auto;}
    .area_grid.type2 .gridster .area_tit{width: 100%; height: 53px; background: #f2f2f2; position: absolute; left: 0; bottom: 0;}
    .area_grid.type2 .gridster ul li .size{position: absolute; left: 0; bottom: 53px; padding: 5px;}
    .area_grid.type2 .gridster ul li .tit{line-height: 1.4;}

.listwrite{border: 1px solid #ccc; padding: 12px; min-width: 438px; position: relative;}
    .listwrite .input{width: 80% !important; margin-top: 0;}
    .listwrite ul li{padding: 3px 0; border-bottom: 0px solid #ccc;}
    .listwrite legend{display: block; visibility: visible; width: 110px; height: 22px; line-height: 22px; font-size: 12px; margin: 0 8px; padding: 3px 12px;}
    .listwrite label{display: block;}
    .listwrite .list_tit{display: inline-block; width: 15%;}
    .listwrite .input_select{margin: 0;}
    .listwrite .input_img{border: 0;}
    .listwrite input.img{border: 0;}
    .listwrite .btn_close{position: absolute; top: 13px; right: -1px;}

.listwrite1{border: 1px solid #ccc; padding: 12px; min-width: 438px; position: relative;}
    .listwrite1 .input{width: 80% !important; margin-top: 0;}
    .listwrite1 ul li{padding: 3px 0; border-bottom: 0px solid #ccc;}
    .listwrite1 legend{display: block; visibility: visible; width: 80px; height: 22px; line-height: 22px; font-size: 12px; margin: 0 8px; padding: 3px 12px;}
    .listwrite1 label{display: block;}
    .listwrite1 .list_tit{display: inline-block; width: 15%;}
    .listwrite1 .input_select{margin: 0;}
    .listwrite1 .input_img{border: 0;}
    .listwrite1 input.img{border: 0;}
    .listwrite1 .btn_close{position: absolute; top: 13px; right: -1px;}

.area_grid.type2 .listwrite{width: 925px; margin: 0 auto;}
.area_grid.type2 .btnset{width: 948px; margin: 0 auto; float: none;}

.tab li{float: left; /*margin-right: 12px;*/ /*border: 1px solid #ccc; width: 90px; text-align: center;*/}
/*.tab li a{color: #1c94c4; font-weight: bold;}*/

/* 다녀보기 */
.route {/*float:left;*/}
.route ul li {float:left; line-height:1.4; margin: 0 8px 15px 0; position: relative;}
.route ul li img{border: 0;}
.route ul li span{display: inline-block;}

.route .spot {cursor:pointer;}
.route .spot:hover span.order  {background:url(../image/admin/icon_spotnov.gif) no-repeat;}
.route .spot:hover .site {border:1px solid #0f79e7;}
.route .spot span.order {display:block;background:url(../image/admin/icon_spotn.gif) no-repeat;color:#fff;width:99px;height:17px;padding-left:5px;line-height:1.7}
.route .spot .btn_del {position: absolute; top: 2px; right: 2px; display: block; width: 20px; text-align: center;}

.route .spot.on span.order{background:url(../image/admin/icon_spotnov.gif) no-repeat;font-weight:bold}

.route .spot .site {width:92px;height:48px;border:1px solid #ccc;background-color:#e6e8e9; padding:5px; display:table;position:relative;overflow:hidden; border-collapse: separate !important;}
.route .spot .site .ss_wrap {#position: absolute; #top: 50%; #left: 50%; display: table-cell; vertical-align: middle; text-align: center;width:92px}
.route .spot .site .ss_wrap span.md_wrap {#position: relative; #top: -50%; #left: -50%;}


.route .spot.on .site {width:92px;height:48px;border:1px solid #0f79e7;background-color:#e6e8e9;text-align:center;padding:5px;color:#0f79e7}

.route .space {/*margin:25px 0 0 10px;*/height:77px;}
.route .space >span{display:block;*display:inline;zoom:1;background-color:#739ac1;font-weight:bold;color:#fff;width:20px;height:17px;text-align:center}
.route .space .dist {width:89px;background:url(../image/admin/icon_spot.gif) no-repeat 8px 13px;}
.route .space .dist span {display:block;padding:12px 0 0 27px;line-height:1.8;}
.route .total {margin:25px 0 0 10px}
.route .total p {width:91px;height:50px;background-color:#739ac1;text-align:center;color:#fff;margin:17px 0 0;padding:10px 0 0;}
table tr td .input_file{width:300px;border:0;margin-top:2px;}

.openList {margin-left:100px;}

g.highcharts-button {display:none}

#layPop {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url('/image/common/bg_opa/bg_opa_b80.png');z-index:20;}
#layPop.on {display:block}
#layPop .wrap {position:relative;width:639px;height:449px;margin:100px auto 0;padding:30px 40px;background:url('/image/together/mapView/bg_layPop01.png') no-repeat 0 0;}
#layPop .wrap .title01 {padding-left:20px;background:url('/image/together/mapView/bullSt03.gif') no-repeat 0 4px;color:#323d4f;font-size:21px;}
#layPop .wrap .text01 {width:604px;height:125px;margin:10px auto 0;background:url('/image/together/mapView/bg_box01.gif') no-repeat;}
#layPop .wrap .text01 p {font-size:14px;padding:25px 30px 0;}
#layPop .wrap form {margin-top:20px;}
#layPop .wrap form table {width:604px;margin:0 auto;}
#layPop .wrap form table th {color:#323d4f;font-size:14px;text-align:left;}
#layPop .wrap form table td {}
#layPop .wrap form table th,
#layPop .wrap form table td {padding:5px 0;border-bottom:1px solid #989ea7;}
#layPop .wrap form table .fileCont01 {position:relative;}
#layPop .wrap form table .fileCont01 select,
#layPop .wrap form table .fileCont01 .cont {vertical-align:middle;}
#layPop .wrap form table .fileCont01 select {width:90px;left: 0;position: absolute;top: 10px;width: 90px;}
#layPop .wrap form table .fileCont01 .cont {position:relative;left:100px;display:inline-block;width:328px;height:29px;line-height:29px;background:url('/image/together/mapView/bg_flie01.jpg') no-repeat;}
#layPop .wrap form table .fileCont01 .type02 {margin-top:5px;}
#layPop .wrap form table .fileCont01 .cont  * {vertical-align:middle;}
#layPop .wrap form table .fileCont01 .cont  input[type='text'] {width:223px;height:29px;line-height:29px;padding-left:15px;border:0 none;background:none;}
#layPop .wrap form table .fileCont01 .cont  input[type='file'] {position:absolute;top:0;right:0;width:90px;height:29px;}
#layPop .wrap form table .fileCont01 .cont  label {position:absolute;top:0;right:0;background:url('/image/together/mapView/bg_flie02.jpg') no-repeat;display:inline-block;width:90px;height:29px;font-size:0;line-height:0;color:transparent;}
#layPop .wrap form table .fileCont01 .type02  label {background:url('/image/together/mapView/bg_flie03.jpg') no-repeat;}
#layPop .wrap form table .btnSend {text-align:center;}
#layPop .wrap form table .btnSend button {width:90px;height:86px;background:url('/image/together/mapView/btn_circle01.gif') no-repeat;text-align:center;color:#fff;font-family:'NanumBarunGothicBold';border:0 none;font-size:16px;}

#layPop .wrap form table .inpSt01 {width:408px;height:29px;padding-left:20px;background:url('/image/together/mapView/bg_inp01.gif') no-repeat;border:0 none;}
#layPop .wrap form table .bdNone th,
#layPop .wrap form table .bdNone td {border-bottom:0 none;}

#layPop .wrap .btnClose {position:absolute;top:25px;right:25px;width:18px;height:17px;background:url('/image/together/mapView/bg_btnClose01.gif') no-repeat;font-size:0;line-height:0;color:transparent;border:0 none;}

#layPopMypage {display:none;left:50%;margin-left:-250px;position:absolute;top:20%;width:500px;z-index:30;background:#fff;}
#layPopMypage > p {padding-left:16px;height:41px;line-height:40px;background:url('/image/member/bg_layPop_mypage01.jpg') no-repeat;color:#fff;font-family:"NanumBarunGothicBold";font-weight:normal;}
#layPopMypage > p strong {padding-left:18px;background:url('/image/member/bg_layPop_mypage04.png') no-repeat 0 50%;font-size:16px;}
#layPopMypage .wrap {padding:20px 29px;}
#layPopMypage .wrap .pointBox {width:374px;height:68px;padding:25px;margin:0 auto;background:url('/image/member/bg_layPop_mypage02.png') no-repeat;}
#layPopMypage .wrap .pointBox li {position:relative;margin-top:10px;}
#layPopMypage .wrap .pointBox li:first-child {margin-top:0;}
#layPopMypage .wrap .pointBox li div {width:343px;height:32px;line-height:32px;padding:0 14px;background:#f6fafd;border:1px solid #c9d2e1;color:#1c94c4;font-weight:bold;}
#layPopMypage .wrap .pointBox li div em {display:inline-block;width:195px;text-align:right;padding-right:5px;}
#layPopMypage .wrap .pointBox .type01 div {width:205px;color:#53256e;}
#layPopMypage .wrap .pointBox .type01 div input {width:160px;height:28px;text-align:right;margin:0 5px 0 0;font-weight:bold;background:none;border:0 none;color:#53256e;vertical-align:0;}
#layPopMypage .wrap .pointBox li button {position:absolute;top:0;right:0;width:132px;height:34px;text-align:center;background:url('/image/member/bg_layPop_mypage03.png') no-repeat;border:0 none;color:#fff;font-family:"NanumBarunGothicBold";cursor:pointer;text-indent:5px;letter-spacing:5px;}

#layPopMypage .wrap .help {margin-top:10px;padding-top:5px;border-top:1px solid #d7d7d7;}
#layPopMypage .wrap .help li {padding-left:15px;text-indent:-10px;font-size:11px;}

#layPopMypage .wrap .btnClose {position:absolute;top:10px;right:10px;width:20px;height:20px;background:url('/image/member/btn_layPop_mypage_close01.png') no-repeat;border:0 none;font-size:0;line-height:0;color:transparent;cursor:pointer;}

.seo textarea {height:22px !important;}
.wrap_btn .list {width:88px;}

.outlet-icon {margin-top:-62px;}

.view_mainImage {margin-top:10px; border:solid 1px #919191; padding:10px;}
.view_mainImage ul li {line-height:2.8;}