@charset "utf-8";
/* Webright BDH 140410 */
@import url("https://fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike,strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
audio, canvas, progress, video {display: inline-block;}
body {line-height: 1; color: #4c4c4c; -webkit-tap-highlight-color:transparent; /* 아이폰 하이라이트 제거*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);/* 안드로이드 하이라이트 제거 */}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-spacing: 0; border-collapse: collapse;}
a {background: transparent; color: #fff; text-decoration: none;}
a:hover,a:active,a:focus {text-decoration: none;}
a:active, a:hover {outline: 0;}
[hidden], template {display: none;}
img, iframe {max-width: 100%;}
hr {-moz-box-sizing: content-box; box-sizing: content-box; height: 0;}
button, input, optgroup, select, textarea {margin: 0; color: inherit; font: inherit; resize: none;}
button {overflow: visible;}
button, select {text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;}
button[disabled], html input[disabled] {cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner {padding: 0; border: 0;}
input {line-height: normal;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; padding: .5em;}
optgroup {font-weight: bold;}
sup {vertical-align: super;}

/* Common
-------------------------------------------------------------- */
.clearfix:after {display: block; visibility: hidden; clear: both; height: 0; content: ""; font-size: 0;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.hide {position: absolute; visibility: hidden; text-indent: -9999px;}
.bg_rain {background: url('/2018/common/bg_fun_info.png') repeat;}
.bg_angle {background: url('/2018/common/bg_angle.jpg') 0 0 repeat-x;}
.bg_heal {background: url('/2018/common/bg_heal.jpg') 0 0 repeat-x;}
.bg_note {background: url('/2018/common/bg_note.gif') 0 0 repeat;}
.bg_line {background: url('/2018/common/line.gif') 0 0 repeat-x;}
.bg_pattern {background: url('/2018/common/bg_pattern.png') 0 0 repeat;}
.bg_wave {background: url('/2018/common/bg_wave.jpg') 0 0 repeat-x;}
.bg_post {background: url('/2015/common/bg_post.jpg') 0 0 repeat-x;}
.bg_7d {background: #7d7d7d;}
.bg_ff {background: #fffde1;}
.bg_34 {background: #34b2ad;}
.bg_d_green {background:#009270;}
.bg_d_orange {background:#ff4d00;}
.bg_f2 {background:#f2f2f2;}
.bg_dp_puple {background:#5a206c;}
.bg_puple {background:#922cb2;}
.bg_dp_pink {background:#9d115d;}
.bg_pink {background:#d93c78;}
.bg_dp_red {background:#941427;}
.bg_red {background:#dc223d;}
.bg_dp_orange {background:#9d2511;}
.bg_orange {background:#f1492c;}
.bg_dp_yellow {background:#6d3e1c;}
.bg_yellow {background:#c78128;}
.bg_dp_olive {background:#34590b;}
.bg_olive {background:#558320;}
.bg_dp_green {background:#00520c;}
.bg_green {background:#08891b;}
.bg_dp_cobalt {background:#1e7073;}
.bg_cobalt {background:#1aa0a5;}
.bg_dp_blue {background:#1a4997;}
.bg_blue {background:#0482cd;}
.text_default {color: #4c4c4c;}
.text_fff {color: #fff;}
.column .text_fff {color: #fff;}
.text_7d {color: #7d7d7d;}
.text_d_green {color:#009270;}
.text_d_orange {color:#ff4d00;}
.text_f2 {color:#f2f2f2;}
.text_dp_puple {color:#5a206c;}
.text_puple {color:#922cb2;}
.text_dp_pink {color:#9d115d;}
.text_pink {color:#d93c78;}
.text_dp_red {color:#941427;}
.text_red {color:#dc223d;}
.text_dp_orange {color:#9d2511;}
.text_orange {color:#f1492c;}
.text_dp_yellow {color:#6d3e1c;}
.text_yellow {color:#c78128;}
.text_dp_olive {color:#34590b;}
.text_olive {color:#558320;}
.text_dp_green {color:#00520c;}
.text_green {color:#08891b;}
.text_dp_cobalt {color:#1e7073;}
.text_cobalt {color:#1aa0a5;}
.text_dp_blue {color:#1a4997;}
.text_blue {color:#0482cd;}
.text_yel {color: #ffff00;}
.fwb {font-weight: bold;}
.sub-contents .fwn {font-weight: normal;}
.column .mt40, .mt40 {margin-top: 40px;}
.column .mt0, .mt0 {margin-top: 0;}
.column .mb0, .mb0 {margin-bottom: 0;}
.sub-contents .pt0 {padding-top: 0;}


/* Layout
-------------------------------------------------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {font-family: '나눔고딕', 'Nanum Gothic', '굴림', Gulim, sans-serif; font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
#wrapper {margin: 0 auto; max-width: 1220px;}
.wrapper {position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/* Header
-------------------------------------------------------------- */
#header {position: relative; width: 100%; height: 90px; background-color: #fff;}
.sidr {position:absolute; position:fixed; top:0; z-index:300; display:none; overflow: hidden; width:200px; height:100%; outline: none; background: #525252;}
.sidr.left{right:auto; left:-200px;}
.menu-link .icon-bar {display: block; margin-top: 6px; width: 29px; height: 4px; border-radius: 1px; background: #5cb531;}
.nav {position: relative; color: #fff; text-align: left; font-size: 0.875em;}
.nav li {cursor: pointer;}
.nav > li > a {display: block; padding-top: 20px; padding-left: 20px; width: 200px; height: 51px;}
.nav > li.navhover:hover, .nav > li.navhover:focus, .nav > li.navhover:active {background-color: #00854a;}
.nav li a.arrow:after {float: right; margin-right: 18px; content: '>'; font-weight: 700;}
.nav .dropdown-menu1, .nav .dropdown-menu2 {position: relative; top: 0; left: 0; z-index: 400; width: 200px; background-color: #3d3d3d;}
.nav .dropdown-menu1 > li > a, .nav .dropdown-menu2 > li > a {display: block; padding: 14px 0 14px 15px; color: #fff; font-size: 13px;}
.nav .dropdown-menu1 > li:hover, .nav .dropdown-menu1 > li:focus, .nav .dropdown-menu2 > li:hover, .nav .dropdown-menu2 > li:focus {background-color: #5cb531;}
.nav .dropdown-menu1 > .active > a, .nav .dropdown-menu1 > .active > a:hover, .nav .dropdown-menu1 > .active > a:focus, .nav .dropdown-menu2 > .active > a, .nav .dropdown-menu2 > .active > a:hover, .nav .dropdown-menu2 > .active > a:focus {background-color: #0081c2; color: #ffffff;}
.icon_ie {display: none;}
.logo-mo {position: absolute; left: 0; top: 10px; width: 100%; text-align: center;}
.logo-pc {display: block; height: 137px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background-color: #fff;}
.logo-pc a {display: inline-block;}
.month-mo {position: absolute; top: 34px; right: 10px; display: block;}
.top-util {height: 100px; border-bottom: 2px solid #00854a; background: #5cb531;}
.month {position: absolute; top: 165px; left: 0; color: #fff; font-weight: bold; font-size: 1.125em; width: 100%; text-align: center;}
.join-login {display: block; padding-top: 60px; color: #fff; font-size: 0.688em;}
.dot {display: none;}
.js-login {cursor: pointer; font-size: 14px;}
.menu-link {position: absolute; z-index: 200; padding: 1.5em 0 2em 10px; width: 36px; cursor: pointer;}
.menu-link.active {position: absolute; top: -0.5em; left: 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);}
.menu {clear: both; overflow: hidden; background: #525252; text-align: center;}
.text_heal {margin-bottom: 4em;}
.text_heal a {color: #ff6238;}
.text_heal a:hover, .text_heal a:focus, .text_heal a:active {color: #fff; background: #0081c2;}
.text_quiz {margin-bottom: 1em;}

/* container
-------------------------------------------------------------- */
#container {position: relative; background-color: #fff;}
.main-slide {position: relative; overflow: hidden; width: 100%;}
#contents {position: relative;}
.slide-list img {display: block; float: left; width: 100%; height: auto;}
.slide-list {position: relative; width: 100%;}

/* 메인슬라이드버튼 */
.slides_nav.prev {position: absolute; top: 0; left: 5px; z-index: 100; margin-top: 10%; width: 26px; height: 79px; background: url('/2018/common/btn_arrow_left.png') 0 0 no-repeat; text-indent: -9999px;}
/* 메인슬라이드버튼 */
.slides_nav.next {position: absolute; top: 0; right: 5px; z-index: 100; margin-top: 10%; width: 26px; height: 79px; background: url('/2018/common/btn_arrow_right.png') 0 0 no-repeat; text-indent: -9999px;}
.slide-text {font-size: 16px; font-weight: bold; padding: .3em; background: rgba(0,0,0,0.4); position: absolute; right: 10%; bottom: 10%; z-index: 100;}

/* content-wrap
-------------------------------------------------------------- */
.content-wrap {position: relative; overflow: hidden; width: 100%; background: url('/2018/common/bg_pattern.png') 0 0 repeat;}
.content-wrap h2 {padding: 22px 0 0 15px; color: #00854a; font-weight: bold; font-size: 0.938em;}
.content-wrap p {padding: 12px 0 0 15px; color: #575757; font-size: 0.812em; line-height: 150%;}
.item-left {position: relative; float: left; margin: 1.25em 0 0 0; width: 100%;}
.item-right {position: relative; float: left; margin: 0.625em 0 1.25em 0; width: 100%;}
.item-wrap1 {float: left; margin-right: 0.5%; margin-left: 1%; width: 48.5%;}
.item-wrap2 {position: relative; float: left; margin-right: 1%; margin-left: 0.5%; width: 48.5%;}
.item-wrap3 {position: relative; float: left; margin: 0 1%; width: 98%;}
.item-wrap3.cont-slide a, .item-wrap2.cont-slide1 a {width: 100%; display: block;}
.rowmain {margin-top: 11px;}
.row {margin: 11px auto 0; width: 93%;}
.item1 {height: 143px; background-color: #fff; -webkit-box-shadow: 0 1px 2px #bebebe; -moz-box-shadow: 0 1px 2px #bebebe; box-shadow: 0 1px 2px #bebebe;}
.item2 {width: 100%; height: 298px; background-color: #fff; -webkit-box-shadow: 0 1px 2px #bebebe; -moz-box-shadow: 0 1px 2px #bebebe; box-shadow: 0 1px 2px #bebebe;}
.item3 {width: 100%; height: 143px; background-color: #fff; -webkit-box-shadow: 0 1px 2px #bebebe; -moz-box-shadow: 0 1px 2px #bebebe; box-shadow: 0 1px 2px #bebebe; -webkit-backface-visibility: hidden;}
.item4 {height: 143px; background-color: #fff; -webkit-box-shadow: 0 1px 2px #bebebe; -moz-box-shadow: 0 1px 2px #bebebe; box-shadow: 0 1px 2px #bebebe;}

/* 컨텐츠 슬라이드 버튼 */
.cont-slides_tabs {position: absolute; top: 20px; right: 20px; z-index: 100;}
.cont-slides1_tabs {position: absolute; top: 570px; right: 20px; z-index: 100;}
.cont-slides_tabs li, .cont-slides1_tabs li {float: left; margin-left: 4px; text-align: center; line-height: 19px;}
.cont-slides_tabs a, .cont-slides1_tabs a {display: inline-block; width: 19px; height: 19px; border: 1px solid #e5e5e5; background-color: #fff; color: #575757; font-weight: bold; font-size: 0.875em; font-family: arial, sans-serif;}
.cont-slides_here a, .cont-slides1_here a {border: 1px solid #00854a; background-color: #00854a; color: #fff;}

/*계열사소식*/
.itemBg1 {background: #fff url('../img/main/itemBg1.jpg') 95% 55% no-repeat;}

/*톡톡톡*/
.itemBg2 {background: #fff url('../img/main/itemBg2.jpg') 95% 50% no-repeat;}

/*요모조모*/
.itemBg3 {background: #fff url('../img/main/itemBg3.jpg') -10% 100% no-repeat;}

/*생활과경제*/
.itemBg4 {background: #fff url('../img/main/itemBg4.jpg') 95% 50% no-repeat;}

/*아이러브동부*/
.itemBg5 {background: #fff url('../img/main/itemBg5.jpg') 20% 90% no-repeat;}

/*강추맛집*/
.itemBg5_1 {background: #fff url('../img/main/itemBg5_1.jpg') 20% 90% no-repeat;}

/*현장속으로*/
.itemBg6 {background: #fff url('../img/main/itemBg6.jpg') 100% 10% no-repeat;}

/*숨은동부찾기*/
.itemBg7 {background: #fff url('../img/main/itemBg7.jpg') 100% 10% no-repeat;}

/*동호동락*/
.itemBg8 {background: #fff url('../img/main/itemBg8.jpg') 100% 10% no-repeat;}

/*2015 동부웹진 가족여행*/
.itemBg9 {background: #5cb531 url('../img/main/itemBg9.jpg') 100% 100% no-repeat; background-size: 175px;}


/*퀴즈*/
.quiz {background: #f26742 url('../img/main/quizBg.png') 90% 65% no-repeat; background-size: 100px;}
.quiz h2, .quiz p, .itemBg9 h2, .itemBg9 p {color: #fff;}

/* Grid
-------------------------------------------------------------- */
.column {float: left; margin-left: 5%; text-align: center;}
.column:first-child {margin-left: 0;}
.column.full {width: 100%;}
.column.two-thirds {width: 65%;}
.column.half {width: 47.5%;}
.column.one-third {width: 30%;}
.column.one-fourth {width: 21.25%;}
.column.thr-fourth {width: 73.75%;}
.column.one-four {width: 10%;} /* 201506 specialtheme use */
.column.thr-four {width: 85%;} /* 201506 specialtheme use */
.column.one-five {width: 16%;}

/*  #Clearfix
-------------------------------------------------------------- */
.util-wrap:before, .util-wrap:after, .contwrap:before, .contwrap:after, .row:before, .row:after, .rowmain:before, .rowmain:after, .user-wrap:before, .user-wrap:after, .cont-tit:before, .cont-tit:after {display: table; content: " ";}
.util-wrap:after, .contwrap:after, .row:after, .rowmain:after {clear: both;}
.contwrap, .row, .rowmain {*zoom: 1;}

/* footer
-------------------------------------------------------------- */
#footer {overflow: hidden; height: auto; background-color: #d5d5d5;}
.f-logo {margin: 15px 0 0 0; text-align: center;}
.copyright {display: block; margin-top: 15px; color: #6a6a6a; text-align: center; font-size: 0.688em;}
.terms-wrap {display:none;}
a.terms:after {margin-left: 7px; color: #bababa; content: '|'; font-weight: normal; font-size: .9em; }
a.policy:before {margin-right: 6px; content: ''; font-weight: normal; font-size: .9em;}
select.last-month {display: block; margin: .8em auto; width: 116px; height: 24px; color: #838383; font-size: 0.75em;}
.modal {display: none;}
.modal.active {position: relative; z-index: 150; display:block; margin-top: -99999px; width: 100%; height: 99999px; background-color: rgba(0,0,0,0.6);}

/* scrolltop
-------------------------------------------------------------- */
#scrolltop {position: fixed; right: 20px; bottom: 20px; z-index: 200; display: none; width: 45px; height: 45px; border-radius: 5px; background-color: rgba(51, 51, 51, 0.5); background-image: url('/2018/common/top.png'); background-position: 50%; background-repeat: no-repeat; color: #fff; text-align: center; text-decoration: none; font-size: 11px; cursor: pointer; }
#scrolltop a {visibility: hidden;}

/* sub
-------------------------------------------------------------- */
.sub-container {overflow-x: hidden; border-top: 1px solid #cfcfcf;}
.sub-contents {min-height: 1130px;}
.util-wrap {position: absolute; top:0; right:0; z-index: 100;}
.cont-tit {margin: 40px 0 0 35px;}
.cont-tit h1 {color: #363636;font-weight: bold;font-size: 1.875em;}
.cont-tit p {margin-bottom: 35px;padding-top: 1em;color: #828181;font-size: 1em;}
.sns {text-align: right;}
.sns li {display: inline-block; margin-left: 10px; cursor: pointer;}
.last-conts {margin:0 auto; color: #838383; font-size: 0.75em;}
.last-conts select {height:25px;}
.contwrap {margin: 0 auto; padding: 40px 0 15px 0; width: 100%;}
.sub-contents h3 {margin-bottom: 1.688em; text-align: left; letter-spacing: -1px; font-weight: bold; font-size: 1.625em;}
.sub-contents h4 {margin: 20px 0 14px 0; text-align: left; letter-spacing: -1px; font-weight: bold; font-size: 1.25em;}
.column .address {font-size: 14px;}
.column .underline {display: inline-block; margin-bottom: 0.5em; width: 100%; text-decoration: underline; word-spacing: -1px; font-weight: bold; font-size: 1.188em;}
.column p {margin-bottom: 2.062em; text-align: justify; font-size: 1em; line-height: 200%;}
.cont-img img {width: 100%;}
.titwrap {margin: 0 auto; margin-top: 25px; max-width: 1020px; width: 93%;}
.cont-s {display: block; letter-spacing: -1px; font-size: 18px; margin-bottom: .6em;}
.cont-b {letter-spacing: -2px; font-weight: bold; font-size: 22px;}
.bg_fun {margin-top: 40px; border-top: 2px solid #ededed; border-bottom: 2px solid #ededed; background: url('/2018/common/bg_fun_info.png') repeat;}
.column .text_C, .text_C {display: block; margin-bottom: 22px; text-align: center; line-height: 100%;}
.column h3.text_C {font-size: 20px;}
.column .text_C a {color: #5a5a5a; word-break: break-all; font-size: 0.875em;}
.cont-text {margin: 0 auto 39px; padding: 25px 0 0 0; max-width: 1020px; width: 93%; color: #4c4c4c; text-align: justify; letter-spacing: -1px; font-weight: bold; font-size: 1.125em; line-height: 34px;}
.writer {display: block; text-align: right; font-weight: normal; font-size: 0.875em;}
.column .caption, .caption {clear:both; padding-top: 5px; color: #4c4c4c; text-align: center; word-break: break-all; font-size: 14px; line-height: 120%;letter-spacing: -1px;}
.icon {vertical-align: bottom; margin-right: 10px;}
.row .img_T, .row .column.img_Q {margin-top: -52px;}
.talk_pc_hide {display: block;}
.talk_m_hide {display: none;}
#overLayer {display: none;}
.tdu {text-decoration: underline;}
.sub-contents .mb20 {margin-bottom: 20px;}
.sub-contents .epi_h.lh100 {line-height: 100%;}
.sub-contents .fz36 {font-size: 36px; font-weight: normal;}
.sub-contents .fz26 {font-size: 26px;}
.sub-contents .fz20 {font-size: 20px;}
.sub-contents .fz24 {font-size: 24px;}
.sub-contents .fz18 {font-size: 18px;}
.sub-contents .fz14 {font-size: 14px;}
.sub-contents .tac {text-align: center;}
.ta {text-align: left;}
.tal {text-align:left !important;}
.icon_c {vertical-align: middle;margin-right:10px;}

/* 계열사 뉴스 */
.tabmenu_menu {font-size: 1em; letter-spacing: -2px;/* zoom:1; */padding: 20px 68px;}
.tabmenu_menu:before, .tabmenu_menu:after { content:""; display:table;}
.tabmenu_menu:after {clear:both;}
* html .tabmenu_menu {zoom:1;}
.tabmenu_menu select {width:100%; padding:8px 45px 8px 16px;color:#777; border:1px solid #cecece; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-appearance:none; -moz-appearance:none; appearance:normal; -webkit-tab-highright-color:transparent; background:url('/2018/common/tabmenu.gif') no-repeat right center, #eeeeee; background:url('/2018/common/tabmenu.gif') no-repeat right center, -moz-linear-gradient(top,  #eeeeee 0%, #f9f9f9 10%, #ffffff 20%, #ffffff 100%); background:url('/2018/common/tabmenu.gif') no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(10%,#f9f9f9), color-stop(20%,#ffffff), color-stop(100%,#ffffff)); background:url('/2018/common/tabmenu.gif') no-repeat right center, -webkit-linear-gradient(top,  #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%); background:url('/2018/common/tabmenu.gif') no-repeat right center, -o-linear-gradient(top,  #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%); background:url('/2018/common/tabmenu.gif') no-repeat right center, -ms-linear-gradient(top,  #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%); background:url('/2018/common/tabmenu.gif') no-repeat right center, linear-gradient(top,  #eeeeee 0%,#f9f9f9 10%,#ffffff 20%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0);}
.tabmenu_menu select {display:none;}
.tabmenu_menu ul li {float:left; position:relative; margin:0 1px -1px 0;}
.tabmenu_menu ul li a {margin-top:2px; padding:12px 14px; background: #fff; display:inline-block;}
.tabmenu_menu ul li a {color:#777; text-decoration:none;}
.tabmenu_menu ul li a.current {border-bottom:0 none; background: #34b2ad;}
.tabmenu_menu ul li a.current {color:#fff;}
.tabmenu_cont {padding-bottom:30px;}
.hotwrap {border: 3px solid #f26642; padding: 17px 0; width: 86.5%; margin: 0 auto;}
.newswrap {border: 1px solid #d0d0d0; padding: 17px 0; width: 86.5%; margin: 0 auto;}
.hotwrap .hot {display: inline-block; line-height: 47px; color: #fff; text-align: center; font-weight: bold; width: 47px; height: 47px; -webkit-border-radius: 23px 24px 24px 23px/23px 23px 24px 24px; -moz-border-radius: 23px 24px 24px 23px/23px 23px 24px 24px; border-radius: 23px 24px 24px 23px/23px 23px 24px 24px; background-color: #f26742; font-size: 16px;}
.hotwrap h2, .newswrap h2 {text-align: left; color: #000; font-size: 1.2em;}
.hotwrap .row, .newswrap .row {width: 96%;}
.hotwrap h2 {margin-bottom: .7em;}
.newswrap h2 {margin: .7em 0;}
.tabmenu_cont .hotwrap p, .tabmenu_cont .newswrap p {word-break: break-all;}

/* 요모조모 */
.sub-contents .epi_h {font-weight: normal; font-size: 6em; margin-bottom: 0; line-height: 180%; font-family: 'Nanum Myeongjo', serif;}

/* Quiz */
.btn_check {color: #fff; font-weight: bold; font-size: 16px; width: 89px; height: 40px; line-height: 40px; background: #7d7d7d; display: inline-block; text-align: center; cursor: pointer; margin-top: 1em;}

/* reply
-------------------------------------------------------------- */
.reply-visual-wrap {height: 154px; border-bottom: 1px solid #dfdfdf; background: #fff;}
.reply {border-top: 3px solid #00854a;}
.comment {padding: 10px 0; width: 80px; background: url('/2018/common/bg_comment.png') 100% 50% no-repeat; letter-spacing: -1px; font-weight: bold; font-size: 1.125em;}
.btn_notice {position:absolute; left: 0; top: 110px; font-size: 0.812em; font-weight: bold; color: #f26742; vertical-align: top;}
.btn_notice input{margin-left: 10px; vertical-align: top;}
.reply-visual {position: relative; margin: 0 auto; width: 86.5%; text-align: left;}
.comment_area {display: block; width: 100%; height: 61px; border: 1px solid #d1d0d0;}
.btn_comment {float: right; margin-top: 10px; width: 66px; height: 31px; background: #5cb531; color: #fff; text-align: center; font-weight: bold; font-size: 0.75em; line-height: 31px; cursor: pointer;}
.notice-wrap, .best-wrap {padding: 22px 10px 26px 10px; border-bottom: 1px solid #dfdfdf; background: #f5f5f5; overflow: hidden;}
.notice-wrap .reply-text {float: left;}
.notice, .best {overflow: hidden;}
.reply-wrap {float: left;}
.reply-tit, .best-tit {float: left; margin-right: 7px;}
.reply-tit img,  .best-tit img {vertical-align: middle;}
.reply-user {margin-right: 7px; color: #105a57; font-weight: bold; font-size: 0.812em;}
.reply-time {color: #6f6f6f; font-size: 0.688em;}
.vote-wrap {float: right;}
.notice-vote-img {cursor: pointer;}
.notice-vote-img img {vertical-align: middle;}
.notice-vote {position: absolute; visibility: hidden; text-indent: -9999px;}
.notice-vote-img.cup, .notice-vote.cup {cursor: auto;}
.vote-num {color: #5cb531; font-weight: bold; font-size: 0.75em;}
.reply-text {margin-top: 22px; color: #333; font-size: 14px; line-height: 130%;}
.user-wrap {overflow: hidden; padding: 22px 10px 0 10px; border-bottom: 1px solid #dfdfdf; background: #fff;}
.btn_reply_show, .btn_reply_hide {display: block; margin: 14px 0; width: 55px; height: 31px; border: 1px solid #d1d0d0; color: #5cb531; text-align: center; font-weight: bold; font-size: 0.75em; line-height: 31px; cursor: pointer;}
.btn_reply_hide {display: none;}
.reply_area {display: block; width: 100%; height: 61px; border: 1px solid #d1d0d0;}
.btn_confirm {float: right; margin: 8px 0; width: 45px; height: 31px; background: #5cb531; color: #fff; text-align: center; font-size: 0.75em; line-height: 31px; cursor: pointer;}
.reply-btn {float: left;}
.reply-util {float: right;}
.btn_modify, .btn_del {background: #fff; display: block; float: left; margin: 14px 0; margin-left: 6px; width: 55px; height: 31px; border: 1px solid #d1d0d0; color: #505050; text-align: center; font-size: 0.75em; line-height: 31px; cursor: pointer;}
.reply-comment {display: none; clear: both; overflow: hidden;}
.btn_reply_arrow img {vertical-align: middle;}

/* 로그인 */
.util-contents {position: relative; background: url('/2018/common/line.gif') 0 0 repeat-x;}
.util-contents .userid {margin-bottom: 15px;}
.util-contents .userpw {margin-bottom: 20px;}
.userid label {margin-right: 35px;}
.userpw label {margin-right: 20px;}
.userid input {width: 70%;}
.userpw input {width: 70%;}
.btn_login {width: 136px; font-size: 20px; height: 40px; background: #5cb531; color: #fff; line-height: 40px; display: inline-block; cursor: pointer;}
.btn_joinpw {width: 136px; font-size: 16px; height: 40px; background: #7d7d7d; color: #fff; line-height: 40px; display: inline-block; cursor: pointer; text-align: center; margin-left: 1em;}
.btn_joinpw a {display: block;}

/* 회원가입 step1*/
.util-contents h2 {font-size: 32px; font-weight: bold; text-align: left; margin-bottom: 15px;}
.util-contents sup {font-size: 20px; color: #00854a; margin-right:.5em; text-decoration: underline;}
.util-contents .member_con_text {font-size: 14px; margin-top: 19px;}
.util-contents .btn_check {margin-left: 5px; color: #fff; font-weight: bold; font-size: 16px; width: 99px; height: 40px; line-height: 40px; background: #7d7d7d; display: inline-block; text-align: center; cursor: pointer;}
.memberid input, .mebermail input, .mebermail select {height: 40px;}
.mebermail select {width: 150px;}
.memberid label {margin-right: 52px;}
.memberid input {width: 250px;}
.mebermail label {margin-right: 23px;}
#membermail1 {width: 200px;}
#membermail2 {width: 160px;}
.userconfirm {margin-left: 34px;}
.step1_confirm_s {background: #5cb531 url('/2018/common/icon_confirm_s.gif') 20% 50% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 15px;}
.step1_confirm_c {background: #7d7d7d url('/2018/common/icon_confirm_c.gif') 20% 50% no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 15px;}

/* 이메일 검색 */
.emailuse, .emailusing {width: 716px; border: 3px solid #f26742; position: absolute; left: 151px; top: 429px; background: #fff; padding-top: 15px;}
.emailuse h3, .emailusing h3 {float: left; margin-bottom: 12px;}
.email_close {float: right; cursor: pointer;}

/* 약관 동의 step2*/
.member_user_terms, .member_user_info {height: 300px; overflow: auto;}
.step2_confirm_s {background: #5cb531 url('/2018/common/icon_confirm_s.gif') 30% 50% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.step2_confirm_c {background: #7d7d7d url('/2018/common/icon_confirm_c.gif') 30% 50% no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}

/* 정보입력 step3 */
.step3_confirm_s {background: #5cb531 url('/2018/common/icon_confirm_s.gif') 30% 50% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.step3_confirm_c {background: #7d7d7d url('/2018/common/icon_confirm_c.gif') 30% 50% no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.info_input {border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; width: 100%;}
.info_input th {width: 161px; padding: 22px 0 22px 41px; text-align: left;}
.info_input td {padding-left: 44px;}
.info_input td select, .info_input td input {height: 38px; line-height: 38px; border: 1px solid #cecdcd;}
.info_input td select {width: 265px;}
.info_input_100 {width: 100px;}
.info_input_160 {width: 160px;}
.info_input_200 {width: 200px;}
.info_input_250 {width: 250px;}
.info_input_340 {width: 340px;}
.info_check {background: #f2f2f2 url('/2018/common/btn_check.png') 20px 50% no-repeat;}
.info_check1 {background: #f2f2f2 url('/2018/common/btn_check.png') 20px 40% no-repeat;}
.info_text {letter-spacing: -1px; font-size: 14px; margin-top: 10px;}
.btn_info {margin-left: 1em; color: #fff; font-weight: bold; font-size: 16px; width: 135px; height: 38px; line-height: 38px; background: #7d7d7d; display: inline-block; text-align: center; cursor: pointer;}
.id_check_non {color: #5cb531; margin-left: 20px;}
.id_check_ok {color: #7d7d7d; margin-left: 20px;}

/* 주소검색 */
.id_serch {width: 440px; border: 3px solid #5cb531; position: absolute; left: 291px; top: 453px; background: #fff; padding-top: 15px;}
.id_serch h3 {float: left; margin-bottom: 12px;}
.serch_input {width: 240px; height: 40px; line-height: 40px;}
.btn_serch {margin-left: 1em; text-align: center; cursor: pointer; padding-left: 15px; display: inline-block; width: 101px; height: 40px; line-height: 40px; color: #fff; font-weight: bold; background: #7d7d7d url('/2018/common/icon_zoom.gif') 20px 50% no-repeat;}
.btn_select {margin-left: 1em; text-align: center; cursor: pointer; padding-left: 10px; display: inline-block; width: 136px; height: 40px; line-height: 40px; color: #fff; font-weight: bold; background: #7d7d7d url('/2018/common/btn_check_g.gif') 40px 50% no-repeat;}
.addfind {margin-top: 18px; line-height: 150%; font-size: 14px;}
.addfind a {text-decoration: underline; color: #4c4c4c;}
.addfind a:hover, .addfind a:active {text-decoration: underline; color: #4c4c4c;}
.addselect {margin-top: 27px; width: 100%; height: 80px; overflow: auto; background: #f7f7f7;}
.addselect p {font-size: 13px; color: #000; margin: 16px 11px; cursor: pointer;}

/* 가입완료 */
.step4_confirm {background: #f26742 url('/2018/common/icon_home.gif') 30% 47% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; text-indent: 20px;}
.step4_confirm a {display: block;}

/* 회원 정보수정 */
.myinfo_confirm_s {background: #f26742 url('/2018/common/icon_confirm_s.gif') 20% 50% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.myinfo_confirm_c {background: #7d7d7d url('/2018/common/icon_confirm_c.gif') 30% 50% no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.btn_out {margin-left: 5px; color: #fff; font-weight: bold; font-size: 16px; width: 135px; height: 40px; line-height: 40px; background: #7d7d7d; display: inline-block; text-align: center; cursor: pointer;}

/* 이용 약관 */
.rulewrap {height: 680px; overflow: auto; background: #f8f8f8; padding: 18px 14px; font-size: 14px;}

/* 개인정보취급방침 */
.policywrap {font-size: 14px;}

/* 아이디비번찾기 */
.username {margin-right: 48px;}
.useremail {margin-right: 33px; padding-top: 30px; display: inline-block;}
.idpasswrap .column {text-align: left;}
.idpasswrap input, .idpasswrap select {height: 40px;}
.idpasswrap select {margin-left: .5em;}
.id_confirm, .pw_confirm {background: #7d7d7d url('/2018/common/btn_check_g.gif') 30% 50% no-repeat;  margin-right: 50px; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; margin-top: 30px; padding-left: 10px;}
.idpasswrap .userid {margin: 0 33px 20px 0;}

/* 아이디비번 팝업 */
.idpop, .pwpop {width: 400px; border: 3px solid #5cb531; position: absolute; left: 310px; background: #fff; padding-top: 15px;}
.idpop {top: 260px;}
.pwpop {top: 520px;}
.idpop h3, .pwpop h3 {float: left; margin-bottom: 12px;}
.idpop_confirm, .pwpop_confirm {background: #7d7d7d url('/2018/common/btn_check_g.gif') 30% 50% no-repeat; color: #fff; font-weight: bold; text-align: center; font-size: 1em; width: 135px; height: 40px; line-height: 40px; display: inline-block; cursor: pointer; padding-left: 10px;}
.pwpop a {text-decoration: underline; color: #4c4c4c;}

.field_table, .love_table {width:100%;margin-bottom:50px;}
.field_table th, .field_table td {border:2px solid #00b7c2;font-weight:bold;padding:10px;vertical-align:middle;}
.love_table th, .love_table td {border:2px solid #f1492c;font-weight:bold;padding:10px;vertical-align:middle;}

/*메인팝업*/
#popup {position: absolute; z-index: 10000; width: 400px; left: 0; height: 480px; font-weight: bold; background-color: #5cb531;}
#btn_close {position: absolute; bottom: 9px; right: 10px; font-size: 12px; cursor: pointer; color: #fff;}
#btn_tclose {float: left; margin: 4px 0 0 10px; *margin: 0px 0 0 10px; font-size: 13px; color: #fff; cursor: pointer;}

.food_info {margin-left: 5px;display: inline-block;color: #4c4c4c;font-size: 14px;padding: 5px 10px;border-radius: 20px;background: #dcece5;}
#plusfriend-addfriend-button {text-align: left; padding-left: 20px;margin-bottom: 1em;}