@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;600;700&display=swap');


/* 베이스 스타일 시작 */
html {width:100%;height:100%;overflow:auto;}
body {height:100%;/**overflow-y:auto;overflow-x:hidden;*/}
html {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@-ms-viewport {width: device-width;}
@-webkit-viewport {width: device-width;}
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
h1:not(.conts_wrap h1), h2:not(.conts_wrap h2), h3:not(.conts_wrap h3), h4:not(.conts_wrap h4), h5:not(.conts_wrap h5), h6:not(.conts_wrap h6){font-size:100%;line-height:150%;}
img, fieldset {border:none;}
img {vertical-align:middle;} 
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em:not(.ql-editor em) {font-style:normal;}
input, select, textarea, form img, li img, object{vertical-align:middle;}
select {height:32px;border:1px solid #d9d9d9;line-height:auto;background:url('../img/s_arrow.png') no-repeat 96% center #fff;padding:0px 25px 0px 10px;-webkit-appearance: none; -moz-appearance: none;appearance: none;}
select::-ms-expand {display:none;}
::-webkit-expand {display:none;}
/* font */
body{color:#333; /*font-size:13px;*/font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.5px;}
input, select, textarea{color:#777; font-size:14px;font-family: 'Noto Sans KR', sans-serif;font-weight:400; }
::selection {background:#ed7109;color: #fff;}
/* anchor */
a {color:#333; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}
input[type="text"] {background:none;border:1px solid #ddd;height:28px;font-family: 'Noto Sans KR', sans-serif;font-weight:300;font-size:14px;color:#3A3532;width:100%;padding-left:10px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
input[type="text"]:hover {} 
input:focus {outline:none;}
input[type="checkbox"] {width:15px;height:15px;border:1px solid #DAD5D2;opacity:0.8;}
label {font-size:14px;color:#363636;font-weight:400;margin:0px 10px 0px 6px;display:inline-block;vertical-align:middle;}

textarea {border:1px solid #DAD5D2;overflow-y:auto;width:100%;width:100%;height:140px;padding:2%;font-family: 'Noto Sans KR', sans-serif;font-weight:400;font-size:14px;color:#3A3532;resize: none;}
::-webkit-input-placeholder {color:#999795;}
:-moz-placeholder {color:#999795; opacity:1;}
::-moz-placeholder {color:#999795; opacity:1;}
:-ms-input-placeholder {color:#999795;}
textarea::-webkit-input-placeholder {color:#b5b5b6;}
textarea:-moz-placeholder {color:#b5b5b6; opacity:1;}
textarea::-moz-placeholder {color:#b5b5b6; opacity:1;}
textarea:-ms-input-placeholder {color:#b5b5b6;}

::-webkit-scrollbar {
    width:8px;height:8px;
  }
::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius:4px;
    background-clip: padding-box;
  }

*, *:before, *:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.w100 {width:100%;}
.mw100 {max-width:100%;}
.layout {max-width:1460px;margin:0px auto;position:relative;padding:0px;font-size:0;}
img {max-width:100%;}
.section {position:relative;}

.head_wrap {position:fixed;top:0;left:0;right:0;height:100px;margin:0px auto;background-color:#333;text-align:center;z-index:99999;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.head_wrap.on {overflow:hidden;-webkit-box-shadow:0px -5px 10px 6px rgba(122,122,122,0.63);-moz-box-shadow:0px -5px 10px 6px rgba(122,122,122,0.63);box-shadow:0px -5px 10px 6px rgba(135,135,122,0.33);background-color:rgba(31,31,31,0.8);}
.head_tip {clear:both;height:100px;}

.logo a {display:inline-block;position:absolute;top:20px;left:5%;font-size:26px;color:#fff;font-weight:700;padding:10px 10px 10px 36px;background:url('../img/ico_home.png') no-repeat left center;}
.menu_wrap {display:inline-block;padding:33px 10px;margin-left:75px;}
.menu_wrap a {display:inline-block;vertical-align:top;font-size:24px;color:#fff;font-weight:700;text-transform:uppercase;padding:0px;border-bottom:2px solid transparent;margin:0px 30px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.menu_wrap a.on, .menu_wrap a:hover {border-bottom:2px solid #fff;}

.top_navi {position:absolute;top:30px;right:5%;}
.btn_start {font-size:16px;color:#fff;font-weight:400;height:44px;line-height:40px;border-radius:22px;overflow:hidden;padding:0px 40px;border:2px solid #fff;}
.btn_start:hover {border:2px solid #fee500;color:#fee500;}
.top_navi a {display:inline-block;vertical-align:middle;margin:0px 10px;transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.btn_story {position:absolute;top:68%;left:12%;z-index:99;display:inline-block;vertical-align:middle;font-size:18px;color:#333;font-weight:400;height:50px;line-height:48px;overflow:hidden;padding:0px 25px;border:2px solid #000;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.btn_story:hover {border:2px solid #fee500;color:#fee500;}

.quick_wrap {position:fixed;bottom:10px;right:10px;z-index:999;}
#to_top {cursor:pointer;}
.bg_grey {background:#333;padding-top:100px;}
.bg_grey2 {background:#eee;padding:100px 0px;}
.bg_grey3 {background:#333;padding:50px 0px;}

.notice_wrap {display:block;background:#fff;padding:30px 40px 30px 30px;position:absolute;bottom:0px;right:0px;z-index:99;width:50%;}
.notice_tit {display:inline-block;vertical-align:middle;width:100px;border-right:5px solid #231815;line-height:20px;font-size:18px;color:#000;font-weight:400;text-align:center;}
.notice_area {display:inline-block;vertical-align:middle;width:calc(100% - 300px);margin-left:40px;}
.notice_area a {display:block;line-height:20px;font-size:15px;color:#333;font-weight:400;text-align:left;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;border-bottom:1px solid transparent;}
.notice_area a:hover {text-decoration:underline;}
.notice_btn {display:inline-block;vertical-align:middle;width:100px;margin-left:20px;}
.notice_btn a {display:inline-block;vertical-align:top;width:40px;height:40px;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.prev_a {background:url('../img/arrow_left.png') no-repeat center #231815;}
.next_a {background:url('../img/arrow_right.png') no-repeat center #231815;}
.prev_a:hover {background:url('../img/arrow_left.png') no-repeat center #fee500;}
.next_a:hover {background:url('../img/arrow_right.png') no-repeat center #fee500;}

.swiper_product {display:block;max-width:1920px;margin:0px auto;overflow:hidden;position:relative;}
.swiper_product .swiper-pagination {bottom:80px !important;}
.swiper_product .swiper-pagination-bullet {width:16px;height:16px;border:1px solid #000;background:#fff;opacity:1;border-radius:100%;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.swiper_product .swiper-pagination-bullet-active {opacity:1;border:1px solid #000;background:#000;}
.swiper_product .swiper-pagination-bullets {width:auto !important;left:12% !important;}
.swiper_product .swiper-pagination {text-align:left;}
.swiper_product .swiper-button-prev {left:50%;margin-left:-630px;}
.swiper_product .swiper-button-next {left:50%;margin-left:600px;}

.issue_wrap {background:#fff;position:relative;overflow:hidden;}
.title_main {padding:50px 0px 20px 70px;}
.title_main span {display:inline-block;text-transform:uppercase;line-height:40px;font-size:48px;color:#333;font-weight:700;border-left:10px solid #333;padding:0px 0px 0px 20px;}
.stip {position:absolute;top:0px;right:0px;width:93px;height:180px;background:#333;z-index:999;}

.swiper_banner {display:block;margin:0px auto;position:relative;overflow:hidden;padding:0px 0px 0px 0px;}
.swiper_banner .swiper-pagination {top:120px !important;bottom:auto !important}
.swiper_banner .swiper-pagination-bullet {width:16px;height:16px;border:1px solid #000;background:#fff;opacity:1;border-radius:100%;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.swiper_banner .swiper-pagination-bullet-active {opacity:1;border:1px solid #000;background:#000;}
.swiper_banner .swiper-pagination-bullets {width:auto !important;right:80px !important;}
.swiper_banner .swiper-pagination {text-align:right;}
.swiper_banner .swiper-slide .main-middel-banner{width: 1000px; height: 500px;}

.issue_box {position:absolute;bottom:0px;right:0px;width:612px;height:455px;background:#fff;z-index:99;padding:40px 80px 40px 80px;}
.issue_box span {display:block;font-size:16px;color:#333;font-weight:400;}
.issue_box strong {display:block;font-size:35px;color:#333;font-weight:600;padding:40px 0px 30px 0px;}
.issue_box span.kind {font-size:14px;color:#40a2c7;font-weight:400;}
.issue_box em {display:inline-block;font-size:14px;color:#7b7b7b;font-weight:300;margin-top:30px;font-style:italic;}
.issue_box a {position:absolute;bottom:0px;left:50%;margin-left:-83px;}

/* 탭메뉴 */
.tab_wrap {padding:80px 0px;width:90%;margin:0px auto;}
#tab_cnt {padding:10px 0px;}
#tab_cnt a {display:inline-block;vertical-align:top;cursor:pointer;margin:0px 20px;font-size:48px;font-weight:700;color:#a8a8a8;border-bottom:10px solid transparent;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
#tab_cnt a:hover, #tab_cnt .tab_ov {color:#333;border-bottom:10px solid #333;}

.story_wrap {margin:40px auto;}
.story_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.story_wrap li {float:left;width:33.333%;padding:20px;}
.story_wrap li a {display:block;}
.story_wrap li a strong {display:block;font-size:20px;color:#333;font-weight:600;padding:20px 0px 15px 0px;}
.story_wrap li a span {display:block;font-size:15px;color:#333;font-weight:400;}
.story_wrap li a em {display:inline-block;font-size:14px;color:#7b7b7b;font-weight:300;margin-top:20px;font-style:italic;}
.story_wrap li a img {width: 100%;height: 225px;}

a.btn_story2 {display:block;width:195px;font-size:15px;color:#333;font-weight:400;height:50px;line-height:5px;overflow:hidden;text-align:center;border:2px solid #333;margin:0px auto;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
a.btn_story2:hover {border:2px solid #fee500;color:#fee500;}

.story_key {font-size:11px;color:#878787;font-weight:300;line-height:23px;padding:15px 0px 0px 0px;}
.story_key a {display:inline-block !important;vertical-align:middle;font-size:12px;color:#000;font-weight:300;height:23px;line-height:20px;border-radius:12px;border:1px solid #ddd;overflow:hidden;padding:0px 10px;margin:1px;}
.story_key span {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;padding:0px 10px;background:url('../img/line.png') no-repeat right center;margin:1px 0;}
.story_key span:last-child {background:none;}
.story_key em {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;padding:0px 10px;font-style:italic;margin:1px 0;}

.story_wrap01 {margin:50px auto;padding:0px 20px;}
.story_wrap01 ul {border-top:5px solid #333;padding:30px 0px;}
.story_wrap01 ul:after {display:block;visibility:hidden;clear:both;content:""}
.story_wrap01 li {float:left;width:48%;margin:30px 0px 0px 0px;padding:0px 200px 30px 0px;position:relative;border-bottom:1px solid #ddd;min-height:185px;}
.story_wrap01 li:nth-child(odd) {margin:30px 4% 0px 0px;}
.story_wrap01 li img {position:absolute;top:0px;right:0px;width:160px;}
.story_wrap01 li a {display:block;}
.story_wrap01 li a strong {display:block;font-size:20px;color:#333;font-weight:600;padding:0px 0px 10px 0px;}
.story_wrap01 li a span {display:block;font-size:14px;color:#333;font-weight:400;}
.story_wrap01 li a img {width: 160px;height: 160px;}

.keyword_wrap {width:90%;margin:0px auto;}
.keyword_tit {display:inline-block;text-transform:uppercase;line-height:40px;font-size:48px;color:#333;font-weight:700;border-left:10px solid #333;padding:0px 0px 0px 20px;}
.keyword_search {display:block;margin:50px auto;width:615px;height:58px;border-radius:30px;border:1px solid #ddd;overflow:hidden;background:#fff;}
.keyword_search input[type=text] {display:inline-block;vertical-align:middle;border:none;height:58px;font-size:18px;font-weight:400;color:#727272;padding-left:40px;width:90%;}
.keyword_search a {display:inline-block;vertical-align:middle;}

.keyword_box_wrap {text-align:center;}
.keyword_box_wrap a {display:inline-block;vertical-align:top;height:80px;overflow:hidden;background:#fff;border-radius:40px;padding:10px 25px 10px 10px;margin:15px;text-align:left;white-space:nowrap;transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out;}
.keyword_box_wrap a:hover {}
.keyword_box_wrap a img {display:inline-block;vertical-align:middle;width:60px;height:60px;border-radius:30px;overflow:hidden;}
.keyword_box_wrap a div {display:inline-block;vertical-align:middle;margin-left:10px;}
.keyword_box_wrap a div strong {display:block;font-size:14px;font-weight:600;color:#2c343a;}
.keyword_box_wrap a div span {display:inline-block;font-size:18px;font-weight:400;color:#2c343a;padding:2px 0px;border-bottom:1px solid #333;white-space:nowrap;}

.sub_layout {max-width:1000px;margin:0px auto;padding:50px;position:relative;}
.rline {border-right:1px solid #e9e9e9;border-left: 1px solid #e9e9e9;}
.uline {border-top:4px solid #000;}
.uline2 {border-top:1px solid #e9e9e9;}
.black_line {width:50%;height:4px;background:#000;position:absolute;top:0px;left:0px;}
.my_layout {max-width:950px;margin:0px auto;padding:30px 50px 50px 50px;position:relative;}
.manage_layout {max-width:1280px;margin:0px auto;position:relative;}

.detail_top {}
.detail_kind {display:inline-block;vertical-align:middle;font-size:18px;font-weight:600;color:#333;border-bottom:5px solid #333;padding:5px 0px;}
.detail_top strong {display:block;font-size:40px;font-weight:600;color:#333;padding:20px 0px;line-height:50px;}
.detail_memo {position:relative;margin:10px auto -10px;}
.detail_memo em {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;font-style:italic;}
.detail_memo span {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;}
.detail_memo > img {margin:0px 15px;}
a.hover_line:hover {
	text-decoration: underline;
	border-bottom: 1px #333;
}

.btn_basic {position:absolute;top:0px;right:-50px;border:1px solid #ddd;height:30px;border-radius:15px;overflow:hidden;padding:0px 10px;}
.btn_basic a {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:400;line-height:28px;padding:0px 10px;}

.detail_bg {background-position:center top;background-size:cover;height:500px;background-repeat:no-repeat;}
.detail_bg .detail_top {padding-top:180px;}
.detail_bg .detail_kind {color:#fff;border-bottom:5px solid #fff;}
.detail_bg .detail_top strong, .detail_bg .detail_memo em, .detail_bg .detail_memo span {color:#fff;}
.detail_bg .btn_basic {border:1px solid #878787;}

.conts_wrap {padding:15px 0px 30px 0px;min-height:580px;}
.conts_wrap2 {padding:0px 0px 30px 0px;min-height:580px;}
.conts_txt {display:block;font-size:15px;color:#333;font-weight:400;padding:20px 0px;line-height:26px;}
.conts_sns {margin:20px 0px;position:relative;}
.zimm {display:inline-block;vertical-align:middle;font-size:13px;color:#878787;font-weight:400;line-height:18px;padding:0px 10px 0px 28px;/*background:url('../img/zim_ico.png') no-repeat left center;*/}
.sns_btn {display:inline-block;vertical-align:middle;background:url('../img/sns_ico.png') no-repeat center;width:19px;height:21px;margin:0px 20px 0px 5px;}
.read_btn {display:inline-block;vertical-align:middle;height:30px;line-height:28px;font-size:13px;color:#878787;font-weight:400;border:1px solid #ddd;border-radius:15px;overflow:hidden;padding:0px 15px;}

.sns_view {display:none;position:absolute;top:40px;left:45px;border:1px solid #ddd;background:#fff;z-index:999;padding:0px 10px;}
.sns_view span {display:block;font-size:11px;color:#878787;font-weight:400;padding:20px 0px;text-align:center;}
.sns_view p {text-align:center;}
.sns_view p a {margin:0px 5px;display:inline-block;vertical-align:middle;padding:0px 5px;}
.btn_url {display:block;text-align:center;margin:20px auto 15px;background:#000;width:120px;height:26px;line-height:24px;font-size:11px;color:#fff;font-weight:300;border-radius:13px;overflow:hidden;padding:0px 20px;}
.uptip {position:absolute;top:-8px;left:40px;background:url('../img/up_arrow.png') no-repeat center;width:13px;height:8px;}

.conts_tit {display:block;font-size:15px;color:#000;font-weight:600;padding:50px 0px 15px 0px;}
.conts_tit em {margin:0px 10px;color:#78afd4;font-weight:700;}
.conts_review .conts_tit {border-bottom: 3px solid #333;}


.conts_tag a {display:inline-block;vertical-align:middle;height:30px;line-height:28px;font-size:15px;color:#000;font-weight:400;border:1px solid #ddd;border-radius:15px;overflow:hidden;padding:0px 15px;margin:2px 5px 2px 0px;}

.conts_rel {}
.conts_rel ul {width:102%;}
.conts_rel ul:after {display:block;visibility:hidden;clear:both;content:""}
.conts_rel li {float:left;width:25%;padding:0px 2% 0px 0px;position:relative;}
.conts_rel li a {display:block;}
.conts_rel li strong {display:block;font-size:15px;font-weight:600;color:#000;padding:15px 0px;line-height:20px;}
.conts_rel li span {display:block;font-size:12px;font-weight:300;color:#555;line-height:18px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;}
.conts_rel li p {padding:10px 0px;}
.conts_rel li p em {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;}
.conts_rel li p img {margin:0px 10px;}


.conts_review {}
.conts_review ul {/*border-top:3px solid #333;*/}
.conts_review ul:after {display:block;visibility:hidden;clear:both;content:""}
.conts_review li {float:none;width:100%;padding:15px;position:relative;border-bottom:1px solid #ddd;}
.member_re {display:inline-block;vertical-align:top;width:40px;height:40px;border-radius:20px;overflow:hidden;text-align:center;margin:10px auto;}
.member_re img {width:40px;}

.review_info {display:inline-block;vertical-align:top;width:calc(100% - 70px);margin-left:20px;}
.review_info em {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;font-style:italic;}
.review_info span {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:300;line-height:23px;}
.review_info span.accuse:hover {cursor: pointer; }
.review_info > img {margin:0px 10px;}
.review_info strong {display:block;font-size:13px;color:#555;font-weight:400;line-height:18px;padding:5px 0px;}
.review_info a {display:inline-block;vertical-align:middle;font-size:11px;color:#878787;font-weight:400;padding:5px 0px; margin-right:20px;}

.write_wrap {position:relative;margin:20px auto;}
.write_wrap a {position:absolute;bottom:12px;right:15px;z-index:999;display:inline-block;vertical-align:middle;height:30px;line-height:28px;font-size:12px;color:#c4c4c4;font-weight:400;border:1px solid #ddd;border-radius:15px;overflow:hidden;padding:0px 15px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.write_wrap a:hover {border:1px solid #000;color:#000;}

.ad_banner {position:relative;margin:40px auto;/*background:#78afd4;*/min-height:144px;text-align:center;}
.ad_banner span {position:absolute;top:10px;right:10px;z-index:999;display:inline-block;vertical-align:middle;height:16px;line-height:14px;font-size:10px;color:#fff;font-weight:600;border:1px solid #fff;border-radius:8px;overflow:hidden;padding:0px 5px;}

.ad_banner_left {position:absolute;top:65px;left:-250px;background:#78afd4;width:250px;min-height:500px;text-align:center;}
.ad_banner_left span {position:absolute;top:10px;right:10px;z-index:999;display:inline-block;vertical-align:middle;height:16px;line-height:14px;font-size:10px;color:#fff;font-weight:600;border:1px solid #fff;border-radius:8px;overflow:hidden;padding:0px 5px;}

.ad_banner_right {position:absolute;top:65px;right:-300px;background:#78afd4;width:250px;min-height:500px;text-align:center;}
.ad_banner_right span {position:absolute;top:10px;right:10px;z-index:999;display:inline-block;vertical-align:middle;height:16px;line-height:14px;font-size:10px;color:#fff;font-weight:600;border:1px solid #fff;border-radius:8px;overflow:hidden;padding:0px 5px;}

.mystory_menu {position:absolute;top:30px;right:-300px;width:250px;}
.title_line {font-size:15px;color:#000;font-weight:300;border-bottom:4px solid #333;position:relative;padding:10px 0px;}
.mystory_menu a {display:block;font-size:20px;color:#000;font-weight:600;padding:10px 0px;}

.mystory_top {position:relative;z-index:9999;margin:40px auto 0px;}
.mystory_title {line-height:45px;font-size:45px;color:#000;font-weight:600;border-left:10px solid #333;padding-left:20px;}

.storybox_search_wrap {position:absolute;top:0px;right:-420px;}
.storybox_search {display:inline-block;vertical-align:top;width:310px;height:44px;border-radius:22px;border:2px solid #000;overflow:hidden;background:#fff;}
.storybox_search input[type=text] {display:inline-block;vertical-align:middle;border:none;height:40px;font-size:16px;font-weight:400;color:#727272;padding-left:20px;width:85%;}
.storybox_search a {display:inline-block;vertical-align:middle;}

.member_box {display:inline-block;vertical-align:top;width:50px;position:relative;margin-left:10px;}
.member_set {display:block;width:50px;height:50px;border-radius:25px;overflow:hidden;}
.member_set img {width:50px;}
.member_app {display:none;position:absolute;top:60px;left:-20px;}
.member_app a {display:block;width:94px;border:1px solid #ddd;margin-top:-1px;line-height:36px;font-size:13px;color:#878787;font-weight:400;text-align:center;background:#fff;}

.board_title {font-size:15px;color:#000;font-weight:600;border-bottom:4px solid #333;position:relative;padding:10px 0px;}
.board_title a {display:inline-block;float:right;font-size:13px;color:#000;font-weight:300;}


/*.notice_title_opt {display:flex;margin-top: 20px;}
.notice_title_opt div.search_right_box {margin-left: auto;}
.notice_title_opt .btn_tb_wrap {margin-left: 20px;}
.notice_title_opt .btn_tb_wrap, .search_right_box  {position: initial !important;}*/


.notice_list {margin-bottom:30px; min-height: 100px;}
.notice_list:after {display:block;visibility:hidden;clear:both;content:""}
.notice_list li {float:none;border-bottom:1px solid #ddd;}
.notice_list li a {display:inline-block;vertical-align:top;font-size:14px;color:#000;font-weight:400;width:85%;padding:10px 0px;overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; white-space:nowrap;}
.notice_list li em {display:inline-block;vertical-align:top;font-size:13px;color:#878787;font-weight:300;width:14%;padding:10px 0px;text-align:right;}

.board_list {margin-bottom:30px;}
.board_list:after {display:block;visibility:hidden;clear:both;content:""}
.board_list li {float:none;padding:30px 200px 30px 0px;position:relative;border-bottom:1px solid #ddd;min-height:220px;}
.board_list li img {position:absolute;top:30px;right:0px;width:160px;height:160px;}
.board_list li a {display:block;}
.board_list li a strong {display:block;font-size:20px;color:#333;font-weight:600;padding:10px 0px 12px 0px;}
.board_list li a span {display:block;font-size:14px;color:#333;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;}
.board_list li a em {display:inline-block;font-size:11px;color:#878787;font-weight:300;}

.pagging_wrap {margin:0px auto 0px;text-align:center;padding-top:20px;}
.pagging_wrap a {display:inline-block;vertical-align:middle;padding:2px 0px;margin:0px 10px;font-size:13px;color:#878787;font-weight:300;border-bottom:1px solid transparent;}
.pagging_wrap a.on {border-bottom:1px solid #000;font-weight:600;color:#000;}

.manage_top {position:relative;margin:30px auto;z-index:999;}
.mystory_member_wrap {position:absolute;top:0px;right:0px;}

.manage_conts {position:relative;padding:50px 0px 80px 0px;min-height:600px;}
.manage_menu {display:inline-block;vertical-align:top;width:220px;}
.manage_photo {background:#a1a6b5;text-align:center;/*padding:30px 0px;*/}
.manage_photo img{min-height: 145px;min-width: 149px;}
.manage_menu_link {padding:30px 0px;}
.menu_1st {display:block;font-size:18px;color:#000;font-weight:600;padding:10px 0px 10px 0px;}
.menu_2st {display:block;padding-bottom:40px;}
.menu_2st a {display:block;font-size:14px;color:#959595;font-weight:400;padding:10px 0px 10px 0px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.menu_2st a:hover, .menu_2st a.on  {color:#000;}

.manage_box_wrap {display:inline-block;vertical-align:top;width:calc(100% - 285px);margin-left:60px;}

.manage_box_top {background:#000;position:relative;padding:30px 50px;}
.manage_box_top > div {display:inline-block;vertical-align:top;margin-right:8%;}
.manage_box_top > div span {display:block;font-size:15px;color:#fff;font-weight:400;padding:0px 0px 10px 0px;}
.manage_box_top > div strong {display:block;font-size:40px;color:#fff;font-weight:800;padding:0px 0px 0px 0px;}
.manage_box_btn {position:absolute;top:20px;right:0px;border-left:1px solid #fff;padding-left:30px}
.manage_box_btn em {display:block;font-size:15px;color:#fff;font-weight:300;padding:0px 0px 30px 0px;}
.manage_box_btn a {display:inline-block;font-size:15px;color:#fff;font-weight:300;padding:0px 30px;line-height:41px;height:44px;border-radius:22px;border:1px solid #fff;margin:10px 0px;}

.manage_line {font-size:18px;color:#000;font-weight:500;border-bottom:4px solid #333;position:relative;padding:50px 0px 10px 0px;}
.graph_wrap {border-top:4px solid #333;border-bottom:1px solid #ddd;text-align:center;/*padding:30px 0;*/margin:20px auto 0px;}

.revenue_wrap {border-bottom:1px solid #ddd;font-size:0;}
.revenue_left {display:inline-block;vertical-align:top;width:65%;padding:20px 30px;}
.revenue_right {display:inline-block;vertical-align:top;width:35%;padding:20px 30px;border-left:1px solid #ddd;}
.revenue_title {font-size:18px;color:#000;font-weight:400;padding-bottom:15px;}
.revenue_sub {font-size:12px;color:#b3b3b3;font-weight:400;}
.revenue_stick {position:relative;margin-top:70px;}
.revenue_txt {display:inline-block;vertical-align:middle;font-size:12px;color:#979799;font-weight:500;width:85px;}
.revenue_txt strong {display:inline-block;vertical-align:bottom;font-size:21px;color:#000;font-weight:700;margin-right:3px;}
.revenue_txt em {display:inline-block;vertical-align:bottom;font-size:12px;color:#979799;padding-bottom:3px;}
.revenue_bar {display:inline-block;vertical-align:middle;width:calc(100% - 90px);height:8px;background:#dcdcdc;position:relative;}
.revenue_tip {display:block;height:8px;position:absolute;top:0px;left:0px;background:#000;}
.revenue_cir {display:block;width:26px;height:26px;border-radius:15px;overflow:hidden;position:absolute;top:-10px;right:-16px;background:#000;cursor:pointer;}

.revenue_right > em {font-size:15px;color:#9f9f9f;font-weight:400;}
.revenue_total {font-size:28px;color:#696969;font-weight:500;text-align:right;margin-top:40px;}
.revenue_total strong {display:inline-block;vertical-align:bottom;font-size:36px;color:#000;font-weight:800;margin-right:3px;}
.revenue_total em {display:inline-block;vertical-align:bottom;font-size:20px;color:#696969;padding-bottom:5px;}

.revenue_box {display:none;position:absolute;width:190px;bottom:30px;right:-100px;border:1px solid #ddd;background:#fff;z-index:999;padding:15px;}
.revenue_box span {display:inline-block;vertical-align:middle;font-size:12px;color:#010101;padding-left:5px;}
.revenue_box div {font-size:17px;color:#b3b3b3;font-weight:500;text-align:right;margin-top:10px;white-space:nowrap;}
.revenue_box strong {display:inline-block;vertical-align:bottom;font-size:24px;color:#000;font-weight:700;margin-right:3px;}
.revenue_box em {display:inline-block;font-size:17px;color:#696969;padding-bottom:3px;}
.aw_tip {position:absolute;bottom:-7px;left:85px;z-index:999;background:url('../img/ab_tip.png') no-repeat center;width:15px;height:7px;}

.map_wrap {border:1px solid #f1f1f1;width:598px;height:308px;overflow:hidden;font-size:17px;color:#363636;font-weight:400;}
.map_wrap .root_daum_roughmap_landing {width:100%;height:100%;}

.private {border-top:4px solid #000;font-size:22px;color:#4e4e4e;font-weight:300;line-height:200%;padding-bottom:80px;white-space:normal;word-break:break-all;word-wrap:break-word;word-break:keep-all;}
.private strong {display:block;font-size:22px;color:#292929;font-weight:600;padding:50px 0px 20px 0px;}
.private div {padding-left:27px;}

.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt80 {padding-top:80px;}
.pt100 {padding-top:100px;}

.flR {float:right;}

.main_title {display:block;padding:20px 0px;font-size:30px;color:#000;font-weight:600;margin:0px auto;text-align:center;}

.story_search_wrap {width:90%;margin:50px auto 0px;position:relative;padding:20px;}
.sub_title {display:block;font-size:25px;color:#000;font-weight:600;text-align:left;border-bottom:3px solid #333;padding:5px 0px;text-transform:uppercase;}
.story_search_wrap span {display:block;font-size:22px;color:#000;font-weight:400;padding:20px 0px;}

.story_search {position:absolute;bottom:30px;right:20px;display:block;margin:0px;width:475px;height:48px;border-radius:25px;border:2px solid #000;overflow:hidden;background:none;padding-left:25px;}
.story_search input[type=text] {display:inline-block;vertical-align:middle;border:none;height:48px;font-size:16px;font-weight:400;color:#000;padding-left:20px;width:68%;}
.story_search a {display:inline-block;vertical-align:middle;}
.story_search select {min-width:100px;display:inline-block;vertical-align:middle;border:none;height:48px;font-size:16px;font-weight:400;color:#000;}

.sub_title01 {display:block;font-size:22px;color:#000;font-weight:600;text-align:left;border-bottom:3px solid #333;padding-bottom:15px;text-transform:uppercase;position:relative;}

.search_right_box {padding-right:10px;position:absolute;top:0px;right:0px;display:flex;margin:0px;width:320px;height:34px;border-radius:17px;border:2px solid #000;overflow:hidden;background:none;padding-left:15px;}
.search_right_box input[type=text] {margin-left:10px;margin-right:10px;flex:3;display:inline-block;vertical-align:top;border:none;height:30px;font-size:14px;font-weight:400;color:#000;padding-left:0px;width:55%;}
.search_right_box a {display:inline-block;vertical-align:top;background:url('../img/btn_search_b.png') no-repeat center;width:30px;height:30px;background-size:60% auto;}
.search_right_box img {height:18px;}
.search_right_box select {display:inline-block;vertical-align:top;border:none;height:30px;font-size:14px;font-weight:400;color:#000;}

.board_basic {}
.board_basic table {width:100%;margin-bottom:20px;}
.board_basic th {border-bottom:1px solid #ddd;font-size:15px;color:#757575;font-weight:400;padding:15px 0px 15px 0px;}
.board_basic td:nth-child(1) {width:50px;text-align:center;}
.board_basic td:nth-child(2) {width:120px;text-align:center;font-size:15px;color:#757575;font-weight:400;white-space: normal;}
.board_basic td:nth-child(3) {width:120px;text-align:center;font-size:15px;color:#757575;font-weight:400;white-space: normal;}
.board_basic td.category_member {width:120px;text-align:center;font-size:15px;color:#757575;font-weight:400;}
.board_basic td.story_info {padding:10px 30px 20px 10px;}
.board_basic td.story_image {width:100px;}
.board_basic th.story_info {text-align:right;}
.board_basic td {border-bottom:1px solid #ddd;font-size:15px;color:#757575;font-weight:400;padding:10px 0px;}
.board_basic td a strong {display:block;font-size:20px;color:#333;font-weight:600;padding:10px 0px 12px 0px;}
.board_basic td a span {display:block;font-size:14px;color:#000;font-weight:400;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;word-wrap:break-word;}
.board_basic td a em {display:inline-block;font-size:11px;color:#878787;font-weight:300;}

.board_notice {}
.board_notice table {width:100%;margin-bottom:20px;}
.board_notice th {border-bottom:1px solid #ddd;font-size:15px;color:#757575;font-weight:400;padding:15px 0px 15px 0px;}
.board_notice td {border-bottom:1px solid #ddd;font-size:15px;color:#757575;font-weight:400;padding:15px;}
.board_notice td:not(.mobile-data) {text-align: center;}
.board_notice td:nth-child(1) {width:50px;}
.board_notice td.title {text-align: left;}

/*22.06.11*/
/*.board_notice.list th {text-align:center;}*/
/*.board_notice.list td:not(.board_notice.list td:nth-child(2)) {text-align:center;}*/
/*.board_notice.list td:nth-child(2):hover { text-decoration: underline;}*/


.btn_tb_wrap {position:absolute;top:0px;right:0px;}
.btn_tb {display:inline-block;}
.btn_tb a {display:inline-block;vertical-align:top;font-size:13px;color:#757575;font-weight:300;border:1px solid #ddd;margin-left:5px;padding:8px 20px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.btn_tb a.on, .btn_tb a:hover {background:#000;color:#fff;}

.title_box {display:block;font-size:22px;color:#000;font-weight:600;padding-bottom:10px;position:relative;}
.btn_sort {position:absolute;bottom:0px;right:0px;font-size:0;}
.btn_sort a {display:inline-block;vertical-align:top;;font-size:13px;color:#757575;font-weight:300;border:1px solid #ddd;border-bottom:none;margin-left:-1px;padding:5px 20px;transition:all .3s ease; -webkit-transition:all .3s ease;}
.btn_sort a.on, .btn_sort a:hover {background:#000;color:#fff;}

.graph_wrap02 {border-top:4px solid #333;border-bottom:4px solid #333;text-align:center;/*padding-top:30px;*/margin:0px auto 0px;}
.keys_wrap {border-top:1px solid #ddd;margin-top:30px;}
.keys_wrap:after {display:block;visibility:hidden;clear:both;content:""}
.keys_wrap li {float:left;width:50%;border-right:1px solid #ddd;padding:25px 40px;}
.keys_wrap li:last-child {border-right:none;}

.keys_txt {display:inline-block;vertical-align:top;width:150px;text-align:left;}
.keys_txt span {display:block;font-size:18px;color:#000;font-weight:400;padding-bottom:0px;}
.keys_txt strong {display:block;font-size:35px;color:#000;font-weight:600;}

.keys_sub {display:inline-block;vertical-align:top;width:calc(100% - 155px);}
.keys_sub span {display:inline-block;vertical-align:top;width:100px;font-size:13px;color:#b3b3b3;font-weight:300;padding:3px 0px;}
.keys_sub em {display:inline-block;vertical-align:top;width:calc(100% - 105px);font-size:13px;color:#b3b3b3;font-weight:300;text-align:right;padding:3px 0px;}

.review_write {padding:15px;}
.review_write span {display:inline-block;vertical-align:middle;font-size:15px;color:#000;font-weight:300;}
.review_write select {margin:0px 10px;background:url('../img/s_arrow.png') no-repeat 96% center #f1f1f1;min-width:150px;}

.category_wrap {border-bottom:1px solid #ddd;}
.category_left {display:inline-block;vertical-align:top;width:45%;}
.category_list {display:block;background:url('../img/navi_b.png') no-repeat 15px center;font-size:15px;color:#757575;font-weight:400;padding-left:40px;line-height:50px;white-space:nowrap;border-bottom:1px solid #ddd;}
.category_1st {display:block;background:url('../img/navi_s.png') no-repeat 15px center;font-size:20px;color:#000;font-weight:400;padding-left:40px;line-height:50px;white-space:nowrap;border-bottom:1px solid #ddd;}
.category_1st.on {font-weight:600;min-height: 51px;background:url('../img/navi_b.png') no-repeat 15px center;}

.category_right {display:inline-block;vertical-align:top;width:50%;margin-left:4%;padding:20px 0px;}
.category_right table {width:100%;}
.category_right table th {width:130px;font-size:14px;color:#000;font-weight:400;padding:10px;text-align:left;vertical-align:top;}
.category_right table td {font-size:14px;color:#000;font-weight:400;padding:10px 0px;text-align:left;}
.category_right table td input[type=text] {width:100%;}
.category_right table td select {width:100%;background: url('../img/s_arrow.png') no-repeat 96% center #fff}
.category_right table td textarea {width:100%;height:120px;}

.category_right table td input[type=text]:disabled {background:#f1f1f1;}
.category_right table td select:disabled {width:100%;background: url('../img/s_arrow.png') no-repeat 96% center #f1f1f1}
.category_right table td textarea:disabled {background:#f1f1f1;}

.terms_top {display:block;font-size:25px;font-weight:bold;padding:15px 0px;padding-left:30px;padding-right:10px;}


.story_top select, .notice_top select {width:300px;height:45px;}
.story_tb, .notice_tb {/*border-top:3px solid #000;*/border-bottom:1px solid #000;}


.story_tb table, .notice_tb table {width:100%;}
.story_tb table th, .notice_tb table th {width:150px;font-size:16px;font-weight:500;color:#000;padding:10px 10px 10px 30px;border-bottom:1px solid #ddd;text-align:left;}
.story_tb table td, .notice_tb table td {font-size:16px;font-weight:400;padding:10px 30px 10px 0px;border-bottom:1px solid #ddd;}
.story_tb table td:first-child, .notice_tb table td:first-child {padding-left:30px;padding-right:30px;}

.story_tb .non, .notice_tb .non {border:none;}
.story_tb input[type=text], .notice_tb input[type=text] {height:45px;font-size:16px;color:#000;}
.story_tb input[type=file], .notice_tb input[type=file] {height:35px;font-size:14px;color:#000;padding:5px 0px;}
.story_tb input[type=checkbox], .notice_tb input[type=checkbox] {margin-left:20px;}
.story_tb textarea, .notice_tb textarea {height:400px;font-size:16px;color:#000;padding:15px;}

.story_tb .story_title, .notice_tb .notice_title {padding:0px 10px 16px 10px;}
.story_tb .story_contents, .notice_tb .notice_contents {padding:0px 10px 15px 10px;}


.story_tag, .notice_tag {padding:15px 10px 15px 10px;}
.story_tag input[type=text], .notice_tag input[type=text]{
	height: 45px;
	font-size: 16px;
	color: #000;
}


.story_thumbnailImg, .notice_thumbnailImg {padding:15px 10px 15px 10px;}

.story_thumbnailImg input[type=file], .notice_thumbnailImg input[type=file] {
	display: none;
}


.story_thumbnailImg input[type=text], .notice_thumbnailImg input[type=text] {
	height: 45px;
	font-size: 16px;
	color: #000;
	margin-top:15px;
}

.input-file-button{
   padding: 6px 25px;
   background-color:#000;
   border-radius: 4px;
   color: white;
   cursor: pointer;
}


/*.story_tb table {width:100%;}
.story_tb table th {width:150px;font-size:16px;font-weight:500;color:#000;padding:10px 10px 10px 30px;border-bottom:1px solid #ddd;text-align:left;}
.story_tb table td {font-size:16px;font-weight:400;padding:10px 30px 10px 0px;border-bottom:1px solid #ddd;}
.story_tb table td:first-child {padding-left:10px;padding-right:10px;}*/



.story_tb .non {border:none;}
.story_tb input[type=text] {height:45px;font-size:16px;color:#000;}
.story_tb input[type=file] {height:35px;font-size:14px;color:#000;padding:5px 0px;}
.story_tb input[type=checkbox] {margin-left:20px;}
.story_tb textarea {height:400px;font-size:16px;color:#000;padding:15px;}

.not_btn {text-align:center;padding:30px 0px;}
.not_btn a {display:inline-block;vertical-align:top;padding:0px 40px;border:1px solid #ddd;text-align:center;font-size:15px;color:#878787;line-height:40px;margin:2px;}
.not_btn a.on {border:1px solid #000;font-size:15px;color:#fff;background:#000;}


.footer_wrap {width:90%;margin:0px auto;}
.footer_left {display:inline-block;vertical-align:middle;}
.footer_right {display:inline-block;vertical-align:middle;margin-left:10%;}
.footer_right a {display:inline-block;vertical-align:top;width:130px;font-size:15px;color:#fff;font-weight:500;padding:10px 0px;}

.footer_logo {display:block;font-size:28px;color:#fff;font-weight:700;padding:10px 10px 10px 36px;background:url('../img/ico_home.png') no-repeat left center;}
.footer_search {display:block;margin:0px;width:300px;height:40px;border-radius:20px;border:1px solid #ddd;overflow:hidden;background:none;}
.footer_search input[type=text] {display:inline-block;vertical-align:middle;border:none;height:38px;font-size:16px;font-weight:400;color:#fff;padding-left:30px;width:85%;}
.footer_search a {display:inline-block;vertical-align:middle;}
.copyright{font-size:12px;color:#727272;margin:0px;padding-top:10px;}

.pop_wrap {display:none;position:fixed;top:50%;left:50%;margin-left:-250px;margin-top:-200px;width:500px;min-height:400px;padding:20px;z-index:10002;box-shadow: 10px 15px 50px 3px rgba(135,135,122,0.33);background:#fff;}
.pop_open {position:relative;width:900px;margin:0px auto;}
.btn_close {position:absolute;top:0px;right:0px;cursor:pointer;background:url('../img/btn_closed.png') no-repeat center;width:80px;height:80px;z-index:99;}
#backbg {display:none;position:fixed;_position:absolute; /* hack for internet explorer 6*/height:100%;width:100%;top:0;left:0;right:0px;bottom:0px;background-color:rgba(0,0,0,0.4);z-index:10001;}
.pop_tit {display:block;font-size:40px;color:#333;font-weight:700;text-align:center;border-bottom:5px solid #333;padding:10px;}
.btn_pop {text-align:center;padding:60px 0px;}
.btn_pop a {display:inline-block;margin:8px auto;}

/* GO TO TOP*/
.page_top_box {cursor:pointer;z-index:999999;width:120px;position:fixed;bottom:30px;right:0px;display:block;background:#666;opacity:0;}
.page_top_box.show {opacity:1;right:0px;}
.page_top_box {-webkit-transition: 500ms;transition: 500ms;}
a.page_top_link {display:block;color:#fff;text-align:center;font-size:14px;line-height:30px;}

/* 애니효과 */
.ani_y{opacity:0;transform:translateY(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateY(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_y.m{transform:translateY(-50px);-webkit-transform:translateY(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.ani_x{opacity:0;transform:translateX(50px);transition-property: all;transition-duration: 0.8s;-webkit-transform:translateX(50px);-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.ani_x.m{transform:translateX(-50px);-webkit-transform:translateX(-50px);transition-timing-function:ease;-webkit-transition-timing-function:ease}
.delay1{transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.delay2{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.delay3{transition-delay:0.9s;-webkit-transition-delay:0.9s;}
.delay4{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.delay5{transition-delay:1.5s;-webkit-transition-delay:1.5s;}
.delay6{transition-delay:1.8s;-webkit-transition-delay:1.8s;}
.action .ani_y{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);}
.action .ani_x{opacity:1;transform:translateX(0);-webkit-transform:translateX(0);}
.ani{opacity:0;transition-property: all;transition-duration: 0.8s;-webkit-transition-property: all;-webkit-transition-duration: 0.8s;}
.active .ani{opacity:1;}


.firstScroll{position:absolute;left:50%;bottom:0;padding-bottom:80px;font-size:17px;color:#fff;font-family:'Exo 2',sans-serif;font-weight:400;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.firstScroll::after{position:absolute;left:50%;bottom:0;width:0;height:60px;content:'';border-left:1px solid #fff}

.pc {display:block !important;}
.mobile {display:none !important;}

.manage_btn, .mystory_menu_mobile {display:none;}

#backgroundPopup{ background-color: #000; bottom: 0; left: 0; opacity: 0.5; filter: alpha(opacity = 50); /* IE7 & 8 */ position: fixed; right: 0; top: 0; z-index: 998; display:none;}

.canvasDiv {
	width: 100%;
	height: 300px;
}