/*
Theme Name: Yogiyo
Author: Yogiyo Pro/Dev
Author URI: http://www.yogiyo.co.kr/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: Yogiyo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.mb15 {
    margin-bottom: 15px;
}

#contact-us {
    width:159px;
    height: 40px;
    margin: 0 0 -10px 90px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/wp-content/themes/yogiyo/images/contact_us.png) no-repeat 0 0;
}

#web .header, #res .header {
    padding: 0;
}

#web .logo, #res .logo {
    margin-top: 10px;
}

#res {
	padding: 15px;
}

#res .res-wrapper > .row {
    margin: 0;
}

#res #terms, .inweb #terms {
	padding: 5px 20px 10px;
	margin: 0;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
}

#res .entry-header {
    display: none;
}

#res #terms .entry-title,
.inweb #terms .entry-title {
    margin-bottom: 20px;
    padding: 23px 0 10px;
    text-align: left;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    background: url(/wp-content/uploads/2014/03/logo.png) no-repeat 0 5px;
    background-size: 38px 15px;
}

.inweb #terms .entry-title {
    position: relative;
    top: auto;
}

#res #terms h2, .inweb #terms h2 {
	margin: 0 0 20px;
	text-align: center;
	font-size: 15px;
	color: #333;
}

#res #terms h3:first-child, .inweb #terms h3:first-child {
	margin-top: 20px;
}

#res article header {
	display: block;
}

#res article h1 {
	margin-top: 0;
	padding-top: 30px;
	text-align: center;
	background: url(/wp-content/themes/yogiyo/images/small_yogiyo@2x.png) no-repeat 50% 0;
}

#web-footer .container, #res-footer .container {
    margin-bottom: 0;
}
#web-footer .banners a, #web-footer .banners a:hover { text-decoration: none; }
#web-footer .banners span.bn1 { cursor: pointer; }
#web-footer .banners span.bn2, #res-footer .banners span.bn2,
#web-footer .banners span.bn4, #res-footer .banners span.bn4 {
    cursor: pointer;
}
#web-footer .banners span.bn4, #res-footer .banners span.bn4 {
    padding: 0 0 0 65px;
    height: 55px;
    line-height: 55px;
    background: url(/wp-content/uploads/2014/03/sprite.png) no-repeat 0 -550px;
}

#web-footer .banners a.bn5,
#res-footer .banners a.bn5 {
    display: inline-block;
    padding: 26px 0 0 64px;
    background: url(/wp-content/uploads/2014/03/clean-review.png) no-repeat 0 6px;
    height: 62px;
    *height: 36px;
    font-size: 11px;
    color: #ad9182;
    cursor: pointer;
    vertical-align: middle;
}

#web-footer .footer-nav, #res-footer .footer-nav {
    padding: 0;
}

.footer-nav .new-alert {
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 1px;
    right: 6px;
    text-indent: -9999px;
    background: url(/wp-content/themes/yogiyo/images/new_alert.png) no-repeat 0 0;
}

#web-footer .guide, #res-footer .guide {
    margin: 12px 0 20px;
}

#web .entry-header h1 {
    display: none;
}

.table ul {
    padding-left: 30px;
}

.bpg-web {
    width: 904px;
    margin: 0 auto;
}

.bpg-web .row {
    margin: 0 0 50px;
}

.bpg-web h2 {
    margin: 0 0 15px;
    font-size: 16px;
    color: #823b18;
}

.bpg-web .txt {
    margin: 0 0 20px;
    font-size: 15px;
    color: #505050;
}

.bpg-web .txt a {
    color: #505050;
}

.bpg-web .txt .sm {
    font-size: 13px;
}

.bpg-web .box2 {
    margin: 0 0 15px;
    padding: 5px;
    font-size: 13px;
    background-color: #fcf6e3;
    border: 1px solid #f5f5f5;
    border-right-color: #c4c4c4;
    border-bottom-color: #c4c4c4;
    box-shadow: 1px 1px 3px #e1e1e1;
    color: #954c05;
}

.bpg-web .apply-info {
    width: 480px;
}

.bpg-web .box2 .bx-wrapper {
    padding: 10px 16px;
    margin: 0;
    background-color: #fff;
    border: none;
}

.bpg-web .box2 ul {
    margin: 0;
}

.bpg-web .process {
    margin: 0 auto;
    padding: 0;
    width: 902px;
}

.bpg-web .process li {
    display: table;
    float: left;
    width: 191px;
    height: 130px;
    margin-bottom: 40px;
    padding: 0 53px 0 0;
    text-align: center;
    color: #f51419;
    background: url(/wp-content/themes/yogiyo/images/bpg.png) no-repeat 0 -340px;
}

#primary {
    padding: 0;
}

.bpg-web .process li.last {
    width: 138px;
    padding-right: 0;
}

.bpg-web .process span {
    display: table-cell;
    vertical-align: middle;
}

.bpg-web .box {
    padding: 20px;
    border: 1px solid #f2e6c0;
    border-radius: 5px;
}

#web .header {
    height: 102px;
}

#web .header .col-md-12 {
    padding: 0;
}

#web .bpg-header {
    width: 904px;
    height: 340px;
    margin: 0 auto 24px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/wp-content/themes/yogiyo/images/bpg.png) no-repeat 0 0;
}

.about-wrapper .about b {
    display: block;
    margin-top: -16px;
    font-size: 24px;
}

.about-wrapper .about2 li.n1 {
    padding-left: 0;
}

.about-wrapper .about2 .btn-wrapper {
    margin-top: 10px;
}

#mobile .header {
    height: 45px;
    padding: 7px 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff1d8), color-stop(100%,#ebdbbe));
}

#mobile .header .logo {
    width: 250px;
    background-image: url(/wp-content/uploads/2014/03/sprite-site.png);
    background-size: 250px 143px;
}
#mobile-footer {
    font-size: 9px;
}

.page-id-61 #mobile {
    min-height: 480px;
}



#mobile-footer .btn a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#805a48), color-stop(49%,#795342), color-stop(100%,#6f4b3a));
}

.faq-content .question:after {
    background-image: url(/wp-content/uploads/2014/03/sp.png);
    background-position: -92px -16px;
}

.faq-content .open:after {
    background-position: -69px -15px;
}

.app-download-wrapper {
    position: relative;
}

.app-download-wrapper #mask {
   display: block;
   position: absolute;
   width: 195px;
   height: 29px;
   left: 185px;
   top: 272px;
}

#m-service .row { margin-bottom: 15px; }

.recruit td { font-size: 13px; }
.recruit-txt { text-align: center; font-size: 15px; color: #823b18; }
.recruit-txt .txt2 { font-weight: bold; }

.lined-wrapper {
    padding: 30px 36px 45px;
    margin-bottom: 50px;
    border: 1px solid #ffe39d;
    font-size: 14px;
    line-height: 1.4;
    color: #505050;
}

#terms .entry-title {
    position: relative;
    margin: 0 0 30px;
    padding-bottom: 12px;
    line-height: 1.5;
    border-bottom: 2px solid #60390d;
    font-size: 16px;
    color: #606060;
}

#terms h1 {
    margin-bottom: 0;
    font-size: 16px;
}

#terms .tabs {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 14px;
}

#terms .tabs a, #terms .tabs strong {
    padding: 10px;
    color: #888;
}

#terms .tabs:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 75px;
    width: 1px;
    height: 13px;
    background: #888;
}

#terms .tabs a:hover, #terms .tabs a:visited {
    color: #888;
    text-decoration: none;
}

.inweb #terms { margin: 15px 0; }

.top-share { position:fixed; top: 0px; left: 0px; }

#yogiyo-recruit { padding-bottom: 100px; }
#yogiyo-recruit h1 { margin: 70px 0 15px; font-size: 23px; color: #4f4f4f; }
#yogiyo-recruit h1.mt50 { margin-top: 50px; }
#yogiyo-recruit ul { list-style: none; }
#yogiyo-recruit .openings { font-size: 13px; color: #616161; border-top: 1px solid #d0d0d0; }
#yogiyo-recruit .list { margin: 0 0 0 26px; padding: 0; }
#yogiyo-recruit .bd { height: 0; overflow: hidden; background: #f1f1f1; }
#yogiyo-recruit .open .bd { height: auto; padding: 20px 24px 0; border-top: 1px solid #d0d0d0; }
#yogiyo-recruit .wrap { border-bottom: 1px solid #d0d0d0; }
#yogiyo-recruit .tt { font-weight: bold; background: #f1f1f1; color: #4f4f4f; border-bottom: 1px solid #d0d0d0; }
#yogiyo-recruit .hd { cursor: pointer; }
#yogiyo-recruit .hd span { display: block; float: left; width: 15%; padding: 15px 0; text-align: center; }
#yogiyo-recruit .hd .op2 { width: 40%; text-align: left; }
#yogiyo-recruit .tt .op2 { text-align: center; }
#yogiyo-recruit .open .op2, #yogiyo-recruit .hd:hover .op2 { color: #ff8600; }
#yogiyo-recruit .tt:hover .op2 { color: #4f4f4f; }
#yogiyo-recruit .bd strong { display: block; margin-bottom: 15px; }
#yogiyo-recruit .bd p { margin-bottom: 20px; padding-left:10px; line-height: 1.5; }
#yogiyo-recruit .bd p i { display: inline-block; vertical-align: middle; margin-left: -10px; }
#yogiyo-recruit .job-mail { padding-top:20px; text-align: center; line-height: 1.6; font-size: 15px; color: #616161; }
#yogiyo-recruit .job-mail b { display: block; margin-bottom: 14px; font-size: 17px; }
#yogiyo-recruit .img, #yogiyo-recruit .img img {width:100%;}
.txt-event { padding: 16px; }

/* IE */
.ie8 .app-download-wrapper #mask,
.ie7 .app-download-wrapper #mask {
    top: 250px;
    left: 169px;
}

.ie7 .recruit .table {
    text-align: left;
}
.ie7 .table ul {
    padding-left: 0;
    margin-left: 20px;
}

.ie7 .about-wrapper .about3,
.ie8 .about-wrapper .about3 {
    margin-top: 50px;
    height: 198px;
}

.ie8 .about-wrapper .about2 li,
.ie7 .about-wrapper .about2 li {
    width: 33.33333%;
}

.ie8 .info .map, .ie8 .info .details {
    width: 50%;
}

.ie8 #web, .ie8 #web .container,
.ie7 #web, .ie7 #web .container {
    width: 904px;
    padding: 0;
}

.ie7 #res #terms .entry-title,
.ie8 #res #terms .entry-title,
.ie7 .inweb #terms .entry-title,
.ie8 .inweb #terms .entry-title {
    padding-top: 43px;
}

.ie7 #web .row, .ie8 #web .row {
    margin: 0;
}
.ie7 .bpg-web .process { height: 170px; }
.ie7 .bpg-web .process li { width: 138px; }
.ie7 .process li { text-align: left; }
.ie7 .process span {
    display: block;
    text-align: center;
    width:138px;
    height: 100px;
    padding-top: 30px;
    vertical-align: middle;
}

.ie7 #yogiyo-recruit .tt { height: 49px; }
.ie7 #yogiyo-recruit .hd { height: 48px; }
.ie7 #yogiyo-recruit .hd .op2 { width: 39%; }

@media screen and (max-device-height: 800px) {
	/*#myo .myo-wrapper-02 {
		padding-top: 115px;
	}

	#myo .main-visual {
		top: 185px;
		width: 281px;
		height: 248px;
		margin-left: -140px;
	}

	#myo .about-yogiyo2 {
		margin-top: 58px;
	}*/
}

/* iPhone 5 or iPod Touch 5th generation, portrait */
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation:portrait) {
    #myo .myo-wrapper-02 {
        padding-top: 115px;
    }

    #myo .main-visual {
        top: 185px;
	width: 281px;
	height: 248px;
	margin-left: -140px;
    }

    #myo .about-yogiyo2 {
        margin-top: 58px;
    }
}

@media (max-height: 620px) {
    .page-id-61 #mobile-footer {
        position: relative;
        margin-bottom: -20px;
    }
}

@media (max-height: 480px) {
    #mobile-footer {
        margin-top: -110px;
    }
}

@media (min-width: 949px) {
    #web, #web .container {
        width: 949px;
        padding: 0;
    }

    #web .event-content, #res .event-content {
        padding: 0;
    }

    #web .row {
        margin: 0;
    }

    #web .about-wrapper .about2 {
        margin-bottom: 55px;
    }

    #res #terms .entry-title,
    .inweb #terms .entry-title {
        padding-top: 43px;
        background-size: auto;
    }
}

@media (max-width: 992px) {
    .about-wrapper .about2 li {
        padding-left: 0;
    }

    .about-wrapper .about3 {
        height: auto;
    }
}

@media (max-width: 768px) {
    .about-wrapper .about3 {
        height: auto;
    }

    #m-event {
        padding: 0;
    }
}

/* Galaxy S2 and Vega S */
@media screen and (device-width: 480px) and (device-height: 800px) {
    #myo .about-yogiyo { margin-top: 0; }

    #myo .main-visual {
        top: 170px;
    }
    #myo .myo-wrapper-02 {
        padding-top: 110px;
    }
}

/* iPhone 4 and small screen */
@media screen and (device-width: 320px) and (device-height: 480px) {
    #myo .about-yogiyo { margin-top: 0; }

	#myo .header {
		padding: 16px 0 10px;
	}

	#myo .main-visual {
		top: 170px;
	}

	#myo .myo-wrapper-01 {
		height: 234px;
		background-size: 230%;
	}

	#myo .myo-wrapper-02 {
		padding-top: 85px;
	}

	#myo .main-visual {
		width: 220px;
		height: 194px;
		margin-left: -110px;
	}
}

#rwd {
    width: 100%;
}
#rwd .site-main {
    max-width: 1000px;
    margin: 0 auto;
}
#rwd .event-content img {
    display: block;
    width: 100%;
    max-width: 720px;
    height: auto;
    margin: 0 auto;
}
#rwd .event-content dl {
    max-width: 720px;
    margin: 0 auto;
}
#rwd.container, #rwd .col-md-12 {
    padding-left: 0;
    padding-right: 0;
}

.rwd-header .navigation {
  background-color: #fa0050;
}

.rwd-header .nav-top {
  position: relative;
  max-width: 1020px;
  min-width: 320px;
  margin: 0 auto;
}
.rwd-header .navigation .logo {
    margin: 0 10px;
    padding: 0;
}
.rwd-header .navigation .logo a {
  background: url(https://www.yogiyo.co.kr/mobile/image/logo-yogiyo.png) no-repeat 0 9px;
  display: block;
  background-size: 86px;
  width: 86px;
  height: auto;
  text-indent: -9999em;
  overflow: hidden;
  padding: 8px 0;
  margin: 0;
  cursor: pointer;
}
@media (min-width: 768px) {
  .rwd-header .navigation .logo a {
    background-position: 0 18px;
    width: 86px;
    padding: 18px 0;
  }
}

.rwd-footer {
  background: #FBFBFB;
  padding-bottom: 65px;
  font-size: 12px;
  color: #999;
}
.rwd-footer a {
  color: #818181;
  text-decoration: none;
}
.rwd-footer .footer-menu {
  background: #FBFBFB;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.rwd-footer .footer-menu ul {
  max-width: 1020px;
  margin: 0 auto;
  padding-left: 0;
  overflow: hidden;
}
.rwd-footer .footer-menu li {
  float: left;
  list-style: none;
  padding: 15px 0 13px 0;
}
.rwd-footer .footer-menu li:after {
  float: right;
  display: block;
  content: "|";
  color: #d9d9d9;
}
.rwd-footer .footer-menu li.lst:after {
    content: "";
}
.rwd-footer .footer-menu li.fr {
  float: right;
}
.rwd-footer .footer-menu li.fr:after {
  content: "";
}
.rwd-footer .footer-menu li:first-child a {
  padding-left: 10px;
}
.rwd-footer .footer-menu li:last-child:after {
  content: "";
}
.rwd-footer .footer-menu li.down_app:after {
  content: "";
}
.rwd-footer .footer-menu li.down_app {
  margin-left: -3px;
}
.rwd-footer .footer-menu li.down_app:before {
  float: left;
  margin-right: 11px;
  display: block;
  content: "|";
  color: #d9d9d9;
}
.rwd-footer .footer-menu li a {
  display: inline-block;
  color: #818181;
  padding: 0 20px;
}
.rwd-footer .footer-menu li.privacy-txt a {
  color: #5f5f5f;
  font-weight: bold;
  letter-spacing: -1px;
}
.rwd-footer .footer-menu li.sns-link {
  float: right
}
.rwd-footer .footer-menu li.sns-link a {
  line-height: 16px;
  margin-left: 32px;
  padding: 0;
}
.rwd-footer .footer-menu li.sns-link a span {
  display:inline-block;
  width: 16px;
  height: 16px;
  margin: -1px 5px 0 0;
  vertical-align:middle;
}
.rwd-footer a.facebook span {
  background: url(https://www.yogiyo.co.kr/mobile/image/img-footer1.png) no-repeat 0 -70px;
}
.rwd-footer a.blog span {
  background: url(https://www.yogiyo.co.kr/mobile/image/img-footer1.png) no-repeat -16px -70px;
}
@media (max-width: 768px) {
  .rwd-footer .footer-menu ul {
    text-align: center;
  }
  .rwd-footer .footer-menu li {
    display: none;
  }
  .rwd-footer .footer-menu li a {
    padding: 0 10px 0 7px;
  }
  .rwd-footer .footer-menu li.mb {
    display: inline-block;
    float: none;
  }
  .rwd-footer .footer-menu li.cscenter:after {
    content: "";
  }
  .rwd-footer .company-info span.pnum {
    color: #4D4D4D;
  }
  a[href^=tel] { color: inherit; text-decoration: none; }
}
.rwd-footer .company-wrap {
  position: relative;
  max-width: 1020px;
  margin: 32px auto 0 auto;
  padding-left: 20px;
}
.rwd-footer .company-logo {
  position: absolute;
  top: 0;
  left: 20px;
}
.rwd-footer .company-logo a {
  display: block;
  background: url(https://www.yogiyo.co.kr/mobile/image/img-footer1.png) no-repeat;
  width: 70px;
  height: 29px;
  text-indent: -999em;
  overflow: hidden;
}
.rwd-footer .company-name {
  display: block;
  color: #333;
  font-weight: bold;
}
.rwd-footer .service-info {
  display: flex;
  max-width: 1020px;
  padding-left: 138px;
  margin: 30px auto;
  overflow: auto;
}
.rwd-footer .service-info div {
  margin-right: 30px;
}
.rwd-footer .service-info .text {
  display: inline-block;
  vertical-align:middle;
}
.rwd-footer .service-info .img {
  display:inline-block;
  width: 38px;
  height: 38px;
  margin: 0 10px 0 0;
  vertical-align:middle;
}
.rwd-footer .bpg .img {
  background: url(https://www.yogiyo.co.kr/mobile/image/img-footer1.png) no-repeat 0 -30px;
}
.rwd-footer .cleanreview .img {
  background: url(https://www.yogiyo.co.kr/mobile/image/img-footer1.png) no-repeat -38px -30px;
}
.rwd-footer .csc {
  display: flex;
  align-items: center;
  color: #666;
}
.rwd-footer .csc em {
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
  padding-right: 10px;
}
.rwd-footer .csc strong {
  font-size: 22px;
  vertical-align: top;
}
.rwd-footer .csc span {
  font-size: 12px;
  vertical-align: top;
}
.rwd-footer .footer-terms {
  text-align: center;
  padding: 10px 0;
}
.rwd-footer .footer-terms a {
  color: #666;
  letter-spacing: -1px;
}
.rwd-footer .footer-terms a strong {
  color: #000;
  font-size: 12px;
  font-weight: normal;
}
.rwd-footer .footer-terms a span {
  color: #9d9d9d;
}

.rwd-footer .company-info {
  display: inline-block;
  color: #4D4D4D;
  line-height: 1.6;
  padding-left: 118px;
}
.rwd-footer .company-info a {
  text-decoration: none;
}
.rwd-footer .company-info .bar {
  color: #D9D9D9;
  display: inline-block;
  vertical-align: middle;
  content: " | ";
  padding: 0 5px;
}
.rwd-footer .company-info strong {
  display: inline-block;
  color: #000;
  font-size: 14px;
  padding: 5px 0 10px;
}
.rwd-footer a.biz-info {
  border: 1px solid #C7C7C7;
  text-decoration: none;
  padding: 2px 4px;
  margin-left: 4px;
  margin-right: 10px;
}
.rwd-footer a.biz-info:after {
  color: #C7C7C7;
  display: inline-block;
  vertical-align: middle;
  content: " ▸ ";
  padding: 0 3px;
}
.rwd-footer .guide {
  max-width: 1000px;
  color: #989898;
  line-height: 1.5;
  margin: 0 auto;
  padding: 0 15px;
}
.rwd-footer .guide p {
  padding: 0;
}
@media (max-width: 992px) {
  .rwd-footer .company-logo {
    display: none;
  }
  .rwd-footer .company-info {
    padding-left: 0;
  }
  .rwd-footer .company-wrap {
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .rwd-footer .service-info {
    display: none;
  }
  .rwd-footer .footer-menu li a {
    padding: 0 10px;
  }
}

@media (min-width: 992px) {
  .rwd-footer .guide {
    padding: 0;
  }
  .rwd-footer .guide p {
    padding-left: 128px;
  }
}