@charset "utf-8";
/* Webright BDH 140410 */

@media screen and (min-width: 300px) {

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

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

   /* 현장속으로 */
   .itemBg8 {background: #fff url('../img/main/itemBg8.jpg') 95% 85% no-repeat; background-size: 120px;}

   /* 가족여행 */
   .itemBg9 {background: #5cb531 url('../img/main/itemBg9.jpg') 95% 65% no-repeat; background-size: 120px;}

}/*MediaQuery*/

@media screen and (max-width: 400px) {

   .itemBg2 {background: #5cb531;}
   .itemBg2 h2, .itemBg2 p {color: #fff;}
   .quiz {background: #f26742;}

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

   #popup {position: absolute; z-index: 10000; width: 100%; padding-bottom: 8px; left: 0; height: auto; font-weight: bold;}

}/*MediaQuery*/

@media screen and (min-width: 420px) {

   /* 메인슬라이드버튼 */
   .slides_nav.prev {position: absolute; left: 5px; top: 0; margin-top: 15%;}

   /* 메인슬라이드버튼 */
   .slides_nav.next {position: absolute; right: 5px; top: 0; margin-top: 15%;}

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

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

}/*MediaQuery*/

@media screen and (min-width: 588px) {

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

}/*MediaQuery*/

@media screen and (max-width: 600px) {

   .cont-tit {margin: 20px 0 40px 10px;}
   .cont-tit h1 {font-size: 1.7em;letter-spacing: -1px;}
   .cont-tit p {font-size: 0.71em;color: #828181;padding-top: 0.625em;margin-bottom: 14px;}
   .sns {margin: 35px 10px 0 0;}
   .cont-text {font-size: 1em; line-height: 180%;}
   .column h3 {font-size: 1.625em; text-align: left; margin-bottom: 26px;}

   /* 로그인 */
   .util-contents {background: url('/2018/common/line.gif') 0 0 repeat-x;}
   .btn_joinpw {margin: auto; display: block;}
   .lastview {width: 1%; text-align: center;}

   /* 요모조모 */
   .itemBg3 {background: #fff url('../img/main/itemBg3_m.jpg') 50% 85% no-repeat; background-size: 80%;}

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

   /* 강추맛집 */
   .itemBg5_1 {background: #fff url('../img/main/itemBg5_1_m.jpg') 50% 70% no-repeat; background-size: 80%;}

   .healing_p {letter-spacing: -2px;}
   .cont-tit .healing_h {font-size: 1.22em; margin-bottom: 7px;}
   .last-conts select {width: 80%;}
   .slide-text {padding: 1em;position: absolute; right: 0; bottom: 0; width: 100%;}

   .food_info {margin-left: 0;margin-top: 5px;}

}/*MediaQuery*/

@media screen and (min-width: 601px) {

   .cont-s {font-size: 20px; margin-top: 15px;}
   .cont-b {font-size: 32px;}
   .titwrap {margin-top: 32px;}
   .util-wrap {right: 40px; top: 40px;}
   .column h3.text_C {font-size: 28px;}
   .last-conts {float: right; margin-top: 8px;}

}/*MediaQuery*/

@media screen and (max-width: 640px) {

   .contwrap {padding: 25px 0 20px 0;}
   .column.full, .column.two-thirds, .column.half, .column.one-third, .column.one-fourth, .column.thr-fourth, .column.one-four, .column.thr-four, .column.one-five {margin: 20px 0 0 0; width: 100%;}
   .column:first-child {margin-top: 0;}
   .writer {margin-top: 10px;}
   .row .img_T, .row .column.img_Q {margin-top: -37px;}
   .sub-contents .fz36 {font-size: 1.625em;}
   .ta {text-align: center;}

   /* 요모조모 */
   .sub-contents .epi_h {font-size: 3.5em; margin-bottom: 0; line-height: 100%;}

}/*MediaQuery*/

@media all and (max-width:760px){

	.hide-join-text{display: none;}
	.hide-mypage-text{display: none;}
   .tabmenu_menu {padding: 20px 20px;}
   .tabmenu_menu ul { display:none; }
   .tabmenu_menu select { font-size:1em; display:block; }
   .hotwrap, .newswrap {width: 95%;}
   .hotwrap .hot {display: block; margin: 0 auto 15px;}
   .hotwrap h2, .newswrap h2 {text-align: center;}

}/*MediaQuery*/

@media screen and (min-width: 1030px) {

   .cont-s {margin-top: 0;}
   .cont-b {font-size: 42px;}

   /* reply */
   .comment {font-size: 2.25em; width: auto; background: none; padding: 35px 18px 0 0; float: left;}
   .comment_area {width: 100%; height: 80px; float: left; margin-top: 35px; max-width: 630px;}
   .btn_notice {left: 25px; top: 100px;}
   .reply_area {max-width: 745px; float: left;}
   .btn_comment {font-size: 1em; width: 100px; height: 80px; line-height: 81px; margin-top: 35px;}
   .notice-wrap, .best-wrap {padding: 34px 70px 34px 70px;}
   .notice-vote {text-indent: inherit; position: static; visibility: visible; color: #6f6f6f; font-size: 0.75em; font-weight: bold; margin-right: 6px; cursor: pointer;}
   .notice-vote-img {margin-right: 5px;}
   .user-wrap {padding: 34px 70px 0 70px;}
   .btn_reply_arrow {margin-right: 10px;}
   .btn_confirm {width: 100px; height: 60px; line-height: 60px; font-size: 1em; margin: 0;}
   .reply-comment {margin-bottom: 20px;}

}

@media screen and (min-width: 768px) {

   /* 메인슬라이드버튼 */
   .slides_nav.prev {left: 34px; top: 0; margin-top: 18%;}

   /* 메인슬라이드버튼 */
   .slides_nav.next {right: 34px; top: 0; margin-top: 18%;}
   .slide-text {font-size: 25px;}

   /* footer */
   #footer {height: 56px;}
   .f-logo {float: left; margin: 21px 0 0 35px;}
   .footer-wrap {float: right; margin: 17px 34px 0 0;}
   .copyright {margin-top: 0; display: inline;}
   .terms-wrap {margin-left: 22px; display: inline-block; margin-top: 0; width: 160px;}
   .terms-wrap a {font-size: 0.75em; color: #6a6a6a;}
   .terms-wrap a.policy {font-weight: bold;}
   select.last-month {display: inline-block; margin: 0 0 0 29px;}

}/*MediaQuery*/

@media screen and (min-width: 1024px) {

   .icon_ie {color: #fff; font-size: 12px; display: inline-block; text-align: left; padding-left: 25px; background: url('/2018/common/icon_ie.gif') 0 50% no-repeat;}
   #overLayer {display: block; opacity: 0.8; height: 480px; position: absolute; z-index: 10; width: 100%;}
   

}/*MediaQuery*/

@media screen and (min-width: 1235px) {

   body {width: auto!important; position: static!important;}
   #wrap {height: 100%; min-height: 100%; overflow: hidden; background-color: #525252;}

   /* Header */
   #header {width: 200px; height: auto; float: left; background-color: #525252;}
   .logo-mo, .month-mo {display: none;}
   .dot {display: inline-block;}
   .dot a {font-size: 14px;}
   .dot:after{content: "|"; font-size: .9em; font-weight: normal; margin-left: 6px;}
   .js-login:before {content: ""; margin-right: 4px;}
   .menu-link {display: none;}
   #container {width: 1020px; float: left;}
   .sub-container {border-top:none;}
   .main-slide {position: relative; height: 450px; overflow: hidden;}
   .slide-list {text-align: left; position: relative;}

   /* 메인슬라이드버튼 */
   .slides_nav.prev {position: absolute; top: 194px; margin-top: 0; z-index: 100; width: 26px; height: 79px; text-indent: -9999px; background: url('/2018/common/btn_arrow_left.png') 0 0 no-repeat;}

   /* 메인슬라이드버튼 */
   .slides_nav.next {position: absolute; top: 194px; margin-top: 0; z-index: 100; width: 26px; height: 79px; text-indent: -9999px; background: url('/2018/common/btn_arrow_right.png') 0 0 no-repeat;}

   /* content-wrap */
   .content-wrap {height: 680px;}
   .item-left {width: 61.76470588235294%; margin: 2.188em 0 0 1.875em;}
   .item-right {width: 30.3921568627451%; /*310px*/ margin: 2.188em 0 0 0.625em;}
   .item-wrap1,.item-wrap2 {margin-left: 1.5%; margin-right: 0;}
   .item-wrap3 {width: 100%; height: 298px; margin: 0 0;}
   .item3 {height: 298px;}
   .item4 {margin-top: 11px; height: 298px;}
   .item4.bd {border: 2px solid #5cb531;}

   /* 엄마가쏜다 */
   .itemBg6 {background: #fff url('../img/main/itemBg6.jpg') 50% 100% no-repeat;}

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

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

   /*2014 동부웹진 가족여행*/
   .itemBg9 {background: #5cb531 url('../img/main/itemBg9.jpg') 50% 85% no-repeat;}

   /*퀴즈*/
   .quiz {background: #f26742 url('../img/main/quizBg.png') 90% 65% no-repeat;}

   .modal.active {display: none;}

   /* sub */
   .sub-container {border-right: 1px solid #e0e0e0;}
   .row {width: 86.5%; margin: 11px auto 0;}
   .cont-text, .titwrap {width: 86.5%;}
   .sidr {display: block; position: static;}
   .mt10 {margin-top: 10%;}
   .mt20 {margin-top: 20%;}
   .vote-wrap {width: 12%;} /* osx */

   .talk_m_hide {display: block;}
   .talk_pc_hide {display: none;}

}/* MediaQuery */

/* IE8 only */
@media \0screen {

   .util-wrap {
      right: 40px;
      top: 40px;
   }
}
/* /IE8 only */