@charset "utf-8";
ul {margin:0;padding:0}
li{list-style:none}
img {border:0}
a {text-decoration:none}

@font-face {font-family: ngb;src:url(http://www.hdweb.co.kr/NanumGothicBold.eot);}
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
dl, dd, dt {margin:0;padding:0;border:0}
a, input {outline:none;selector-dummy : expression(this.hideFocus=true)}
.clearfix {overflow:auto}
.clear {clear:both}
.blk {text-indent:-9999px;font-size:0;line-height:0}
.mld_txt {font-size:1.1em}
.left_pd_10 {padding-left:16px}
.con_text {font-size:1.05em;line-height:1.5em}

.h10 {height:10px}
.h20 {height:20px}
.h30 {height:30px}
.h40 {height:40px}
.h50 {height:50px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt20 {padding-top:20px}
.pt30 {padding-top:30px}
.pt40 {padding-top:40px}
.pt50 {padding-top:50px}

.str {}
.strb {font-weight:bold;color:#}
.strb_red {font-weight:bold;color:#fe5556}
.strb_black {font-weight:bold;color:#333333}

/* 타이틀 공통 */
h4 {font-size:1.6em;line-height: 2em;font-weight:bold;color:#333;background:url('/sh_page/img/arrow_h4.png') 0 16px no-repeat;padding-left:15px;margin-top:20px;padding-top:15px;letter-spacing:-0.05em}
h5 {font-size:1.3em;line-height:1em;color:#254697;margin-bottom:7px;margin-top:15px;font-weight:bold} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */

/* 인사말 */
.p0101_bea{margin-top:50px;text-align:center}
.p0101_bea .pre { white-space:pre-line}
.p0101_bea .sec{display:inline-block;padding:3px 0;border-top:solid 2px #b0b0b0;border-bottom:solid 1px #e4e4e4;font-size:12px;color:#929191}
.p0101_bea .tit{margin:40px 0;font-size:25px;line-height:1.3;color:#444;letter-spacing:-0.5px}
.p0101_bea .tit span{color:#e54a3c}
.p0101_bea .bea_content{font-size:15px;color:#717171;line-height:26px;letter-spacing:-0.5px}
.p0101_bea .icon_wrap_01{overflow:hidden;margin:45px 0 45px;background:url(/sh_page/img/p0101_icon_wrap_bg.png) repeat-x}
.p0101_bea .icon_wrap_01 li{display:inline-block;width:28%;margin-right:4%;padding-top:25px}
.p0101_bea .icon_wrap_01 li:last-child{margin-right:0}
.p0101_bea .icon_wrap_01 .icon_img{width:99px;height:99px;margin:0 auto;border-radius:90px;behavior:url(/js/PIE.htc);background:#fff}
.p0101_bea .icon_wrap_01 .icon_img img{padding-top:30px}
.p0101_bea .icon_wrap_01 li p{font-size:14px;color:#333;letter-spacing:-0.5px}

.p0101_bea .icon_wrap_02{width:94%;list-style:none;margin:0 auto 50px;box-sizing:border-box}
.p0101_bea .icon_wrap_02:after{display:table;clear:both;content:''}
.p0101_bea .icon_wrap_02 li{display:inline-block;width:17%;padding:22px 0;margin-left:3%;border-radius:30px 0 30px 30px;background-color:#F28B82;-webkit-box-shadow: 5px 5px 0px 0px rgba(252,226,224,0.75);-moz-box-shadow: 5px 5px 0px 0px rgba(252,226,224,0.75);box-shadow: 5px 5px 0px 0px rgba(252,226,224,0.75);position:relative;behavior:url(/js/PIE.htc)}
.p0101_bea .icon_wrap_02 li.first {margin-left:0}
.p0101_bea .icon_wrap_02 li.blue{background-color:#334859;-webkit-box-shadow: 5px 5px 0px 0px rgba(204,209,213,1);-moz-box-shadow: 5px 5px 0px 0px rgba(204,209,213,1);box-shadow: 5px 5px 0px 0px rgba(204,209,213,1)}
.p0101_bea .icon_wrap_02 li p{color:#fff;font-size:17px;font-style:italic;margin:0}


/* 연혁 */
#Page0102_beauty{background:url(/sh_page/img/p0102_bg.png) right bottom no-repeat}
#Page0102_beauty .history .year{position:relative;padding:50px 0 50px 111px;border-top:1px solid #e1e1e1}
#Page0102_beauty .history .year:first-child{border-top:solid 3px #f27a70}
#Page0102_beauty .history .year > dt{position:absolute;left:0;top:38px;font-size:38px;color:#f28b82;letter-spacing:-3px;font-family:'NanumSquareR'}
#Page0102_beauty .history .month{position:relative;padding-left:23px;margin-top:15px}
#Page0102_beauty .history .month:first-child{margin-top:0}
#Page0102_beauty .history .month > dt{position:absolute;left:0;top:0;padding-right:17px;font-size:15px;color:#333;font-weight:bold;line-height:23px;text-align:right;letter-spacing:-0.5px}
#Page0102_beauty .history .month > dd{font-size:15px;color:#717171;line-height:23px;letter-spacing:-0.5px}
#Page0102_beauty .history .month > dd > p{padding-left:27px}


/* 메이크업, 네일아트, 피부관리 공통 */
.article_box{overflow:hidden;margin-bottom:25px}
.article_box:last-child{margin-bottom:0}
.article_box .img_area{float:left;width:13%;margin-right:3%;padding-top:20px}
.article_box ul{float:left;width:84%;padding:36px 30px 30px;box-sizing:border-box;border:solid 1px #d9d9d9}
.article_box ul .step{display:inline;padding-top:4px;border-top:solid 2px #f39a93;font-size:12px;color:#f39a93;letter-spacing:4px}
.article_box ul .tit{padding-top:5px;font-size:17px;font-weight:bold;color:#333}
.article_box ul .cont{padding-top:18px;font-size:15px;color:#555}
.article_box .gray{border:solid 1px #d9d9d9;background:#f7f7f7}
.article_box .gray .step{border-top:solid 2px #bcc2c7;color:#818a93}


/* 반응형 시작 */
@media (max-width:986px){
.article_box .img_area{display:none}
.article_box ul{width:100%;text-align:center}
}

@media (max-width:768px){
.p0101_bea .pre{white-space:normal}
.article_box ul{float:left;width:100%}
.p0101_bea .icon_wrap_02 li{width:30%;margin:10px 2px}
}

@media (max-width:480px){
.p0101_bea .icon_wrap_02 li{border-radius:100%}
#Page0102_beauty{background:none}
#Page0102_beauty .history .year{padding:50px 0 50px 99px}
#Page0102_beauty .history .month > dd > p{padding-left:13px}
}