@charset "euc-kr";
/* CSS Document */

@-ms-viewport{width:device-width}






#quickKakao .link_wrap > li > a{ display:block; text-align:center; box-shadow:1px 1px 5px rgba(0,0,0,.4); }
#quickKakao .link_wrap > li > a i{ display:inline-block; *display:inline; zoom:1; vertical-align:top; font-style:normal; line-height:50px;} 
#quickKakao .link_wrap .kakao > a{ background:#f9e000; color:#3a1e1d;}
#quickKakao .link_wrap .kakao .tt{ font-family:notokrB,sans-serif; letter-spacing:-1px;}

#quickKakao .link_wrap .youtube > a { background: #ff0000; color: #FFF; }

#quickKakao{ position:fixed; z-index:1000001; display:block; bottom:0; left:0; right:0; width:100%; background:#fff; border-top:1px solid #ddd;}
#quickKakao .link_wrap .tel{ display:block;}
#quickKakao .link_wrap{ padding:10px 10px; overflow:hidden;}
#quickKakao .link_wrap > li{ float:left; width:100%;}
#quickKakao .link_wrap > li > a{ width:95% !important; height:50px !important; margin:0 2.5%; border-radius:5px !important;}
#quickKakao .link_wrap > li > a i{ line-height:50px;} 
#quickKakao .link_wrap > li > a .xi{ font-size:1.75em; margin-right:3px;}
#quickKakao .link_wrap > li > a .tt{ display:inline-block !important; font-size:1em; font-weight:bold; letter-spacing:-1px;}
#quickKakao .link_wrap .tel > a{ background:#444; color:#fff;}



.landding span.st{font-size:1.32em; font-weight:600; letter-spacing:-2px; font-family:AritaBuriB !important}
.landding p.baro_slogan{display:none;}
.landding span.block.mgleft{display:block;margin-left:128px;}
.landding .counsel{background:#fff;border-radius:10px; margin-top: 25px;padding: 30px 5px 55px 5px; }
.landding span.bl_tt{font-weight: 600; color: #0099cc; font-size:1em}
.landding p.counsel_title{text-align:center; font-family: notokrR; font-size: 1.6em; color: #333; letter-spacing: -1px; margin-bottom:10px}
.landding .counsel p.line{width:50px; height:1px; background:#ddd; margin:0 auto}
.landding p.counsel_title2{text-align:center; font-size: 1em; margin-top:10px; font-family:AritaBurim; letter-spacing:-1px; color:#666; margin-bottom:20px }
.landding span.black_tt{font-weight:600; color:#333}
.landding .counsel_form{background:#f5fdd0;  padding:10px; margin-bottom:5px;}
.landding table.board_write{width:100%}
.landding  table.board_write tr{ }
.landding td.table_tt{font-family:notokrR; letter-spacing:-1px; font-size:0.9em; font-weight:600; color:#666}
.landding table.board_write input{  height:40px; vertical-align:middle; border-radius:5px; border:1px solid #ddd;padding-left:18px; font-family:notokrR; font-size:0.9em; font-weight:600; margin-bottom:12px;  }
.landding td.bg_wh{display:block; margin-bottom:12px; padding-left:28px; background:#fff; border:1px solid #ddd; border-radius:5px;  box-sizing:border-box;}
.landding label.label_st.de{margin-right:50px;}
.landding .counsel .counsel_form .agreeCheck{margin-bottom:0 !important; margin-right: 10px;}
.landding .counsel .ribon{position:absolute; right:-50px; top:-16px;}
.counsel .btn_counsel{cursor:pointer; margin-bottom:10px; display:block; text-align:center; background: #ffcc33; border: none; width: 100%; padding: 10px 0;border-radius: 5px;font-family: notokrM; font-size: 1.05em; color: #333;}
.landding input.input_st1{width:93% !important}
.btn_area{position:relative}
.letter_in{position:absolute; top:479px;  right: -37px;}
.privacy_width{overflow:hidden; padding:5px; line-height:20px; border:1px solid #ddd}
p.landing_area{padding:10px;height:65px; width:93%; color:#999;font-size:15px;border:1px solid #fff; background:#fff; overflow-y:scroll;}
.privacy_check{margin-bottom: 8px;text-align:right; font-family:notokrR; COLOR:#666;font-size:0.8em;}
.counsel{position:relative; margin-bottom: 52px;}
.letter_in{position:absolute; top:479px; right:-11px;}
.before_counsel{position:absolute; bottom:-62px; text-align:center; padding: 21px 17px; background: rgb(211,225,191);}
.before_counsel .tt{font-family: notokrB; color:#222}
.before_counsel .tx{font-family: notokrr; color:#333; line-height:1.4; font-size:0.875em; margin-top:10px;}
.land_float_l{margin-bottom: 30px; position:relative; padding-top: 38px;}
.block{display:block}
.landing_footerinfo{background:rgba(255,204,51,.9); clear:both; height:445px; }
p.qrcode{display: inline-block; width: 34%;
    position: absolute;
    right: 0;
	top: 10px;}
.cacao_text{  display: inline-block;margin-top: 48px;
    margin-left: 6px;  font-family:AritaBurim; font-weight:600; color:#222;}
p.namnam_story{margin-left: 20px; font-size:1.438em;  letter-spacing:-1px; margin-bottom:12px;}
p.namnam_story_in{font-family:notokrm;font-weight:500;color:#333;font-size:0.9em; letter-spacing:-1px;width: 91%;
    margin-left: 20px;
}
span.pink_caca{color:#cc3366; font-size:1.4em; display:block}
p.baro_title{width:30%;}

p.namnam_story_in .block{display:inline!important}

.land_float_r{text-align:center; font-family: notokrM; overflow:hidden;}
.cacao_plus{width: 80%;
    margin-bottom: 10px;
    overflow: hidden;
    /* background: #fff; */
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 15px 5px; margin-left: 21px}
.float_l_caca{float:left; margin:0px 10px 0 15px;  border-right:1px solid #333; padding-right:10px;}
.float_r_caca{float:left; margin: 0 20px 0 10px}
.ceo_text{text-align: left;  padding:7px 0 19px 92px; background:url(../images/land/ceo.png) no-repeat -4px center; margin-top: 17px; margin-left: 25px}
p.caca_friend2{font-size:1.625em;font-family:notokrb; color:#111; letter-spacing: -1px;}
p.ceo_number{font-size:1.625em;font-family:notokrb;color:#111; letter-spacing:-2px;}
.footer_gray{height: 100%; background: #242424; color:#aaa; text-align:left;   font-family:notokrR; line-height:1.6 ; height: 100%;
    padding: 20px 10px 40px 10px;}
.footer_gray .block{display:inline; font-size:0.7em;}
.footer_gray  span.va_tt{font-size:0.7em;}
.youtube_link{ bottom: 129px;}
.postion_link{text-align: right;
    margin-top: -62px;
    position: absolute;
    right: 11px; width: 91%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;}
p.yout_btn a{display: inline-block;}
p.yout_btn img{width:71%}
p.yout_btn a:hover{opacity:0.7; transition:.8s;}
p.btn_details{color:#444; font-family:notokrR; font-size:1.1em; margin-top:8px; margin-right:21px}
p.baro_ceo_name{font-size:1.2em}
p.baro_ceo_name strong{font-size:1.2em}	
b_float_r{background:url(../images/land/picture_mb.png) no-repeat top left}



@media screen and (max-width: 360px) {
#quickKakao .link_wrap > li > a .xi{ display: none; }	
}