@charset "utf-8";

/* 공통 서브 레잉아웃 */
#container_s{overflow:hidden;position:relative;width:100%;margin:0 auto;}
.center_con{position:relative;width:100%;max-width:1200px;min-height:800px;margin:0 auto;padding:90px 0 80px 0;}
.center_con h2.title{margin-bottom:30px;padding-bottom:20px;font-size:36px;font-weight:300;text-align:center;/*background:url(../images/sub/bg_title.gif) no-repeat 50% 100%;*/}

/*float_clear*/
.clearfix {*zoom: 1}
.clearfix:before, .clearfix:after {display:table; content:""; line-height:0}
.clearfix:after {clear:both}

@media (min-width: 768px) and (max-width: 991px) {
.center_con{width:98%;padding:60px 0 50px 0;}
.center_con h2.title{font-size:34px;letter-spacing:-1.5px;}
}
@media all and (max-width: 767px) {
.center_con{width:96%;padding:40px 0 30px 0;}
.center_con h2.title{font-size:28px;letter-spacing:-1.5px;}
}
@media all and (max-width: 480px) {
.center_con h2.title{font-size:24px;letter-spacing:-1px;}
}

/********************************************** 서브비주얼 ************************************************/
#sub_visual{position:relative;width:100%;margin:0 auto;padding:0;background:url(../images/sub/sub_visual.jpg) no-repeat 50% 50%;background-size:cover;}
#sub_visual .sub_tit{position:relative;width:100%;max-width:1200px;margin:0 auto;color:#fff;font-size:36px;font-weight:300;text-align:center;text-transform:uppercase;}
#sub_visual.bg1{background:url(../images/sub/sub_visual_01.jpg) no-repeat 50% 50%;}
#sub_visual.bg2{background:url(../images/sub/sub_visual_02.jpg) no-repeat 50% 50%;}
#sub_visual.bg3{background:url(../images/sub/sub_visual_03.jpg) no-repeat 50% 50%;}
#sub_visual.bg4{background:url(../images/sub/sub_visual_04.jpg) no-repeat 50% 50%;}
#sub_visual.bg5{background:url(../images/sub/sub_visual_05.jpg) no-repeat 50% 50%;}
#sub_visual.bg6{background:url(../images/sub/sub_visual_06.jpg) no-repeat 50% 50%;}

@media (min-width: 1200px) {
#sub_visual{height:300px;}
#sub_visual .sub_tit{line-height:300px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
#sub_visual{height:200px;}
#sub_visual .sub_tit{font-size:30px;line-height:200px;}
}

@media all and (max-width: 767px) {
#sub_visual{height:160px;}
#sub_visual .sub_tit{font-size:24px;line-height:160px;}
}

@media all and (max-width: 640px) {
#sub_visual{height:120px;}
#sub_visual .sub_tit{font-size:22px;line-height:120px;}
}

/****************************************** 네비게이션 *****************************************************/
.lnb {position:relative; width:100%; height:55px; z-index:900; background:#fff; border-bottom:solid 1px #e8e8e8;}
.lnb.fixed {position:fixed; max-width:1200px;top:0;z-index:901;}]
.lnb .lnb_map {width:100%; height:55px; overflow:hidden;}
.lnb .lnb_map li {float:left; width:200px;}
.lnb .lnb_map li a {width:100%; height:100%; display:block;}
.lnb .lnb_map li a:focus {display:inline-block;outline:1px dotted #ddd;}
.lnb .lnb_map li.home {display:block;width:50px;height:55px;background:url(../images/common/ico_home.png) 50% 50% no-repeat; border-right:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}
.lnb .lnb_map li.depth {position:relative;}
.lnb .lnb_map li.depth a {z-index:9999; display:block; width:100%; height:100%;}
.lnb .lnb_map li.depth ul {display:none; position:absolute;left:0;top:55px;margin:0;padding:0;width:100%;z-index:1;}
.lnb .lnb_map li.depth ul li {width: 100%;float: none;border-top: 1px solid #bbbbbb;    background: #8e8e8e;/* background: url(../images/common/bg_g.png)*/}
.lnb .lnb_map li.depth ul li a {display:block; padding:17px 10px;font-size:14px;color:#fff;}
.lnb .lnb_map li.depth ul li a.active {background:#696969; color:#fff;}
.lnb .lnb_map li.depth * {vertical-align:top;}
.lnb .lnb_map li.depth a span {float:left; padding-left:10px; width:100%; font-size:15px; color:#555; line-height:55px; text-align:left; border-right:1px solid #e8e8e8; background:url(../images/common/btn_lnb_down.png) no-repeat 90% 50%;}

@media all and (min-width: 992px) {
.lnb .lnb_map {width:1200px;margin:0 auto;}
}

@media only screen and (max-width: 768px) {
.lnb {height:44px;}
.lnb .lnb_map {height:44px;}
.lnb .lnb_map li {width:42%;}
.lnb .lnb_map li.home {height:44px;}
.lnb .lnb_map li.depth ul {top:44px;}
.lnb .lnb_map li.depth ul li a {padding:15px 10px;font-size:13px;}
.lnb .lnb_map li.depth a span {font-size:13px;line-height:44px;}
}

/********************************************** 연혁 *************************************************/
#history{position:relative;width:100%;margin:0 auto;}
#history .title{width:100%;height:280px;padding:120px 0 90px;background:url(../images/sub/img_history01.jpg) no-repeat 50% 0;background-size:cover;}
#history .title p{color:#fff;text-transform:uppercase;text-align:center;}
#history .title .tit{font-size:28px;font-weight:500;}
#history .title .sin{padding-top:20px;font-size:15px;}
#history .yearBox{position:relative;margin-top:50px;background:url(../images/sub/bg_history02.gif) repeat-y 50% 0;}
#history .yearBox:after {clear: both; content: ""; display: block;}
.history_r{position:relative;width:50%;left:50%;}
.history_r dl{display:block;margin-top:30px;padding-left:40px;}
.history_l{position:relative;width:50%;left:0;}
.history_l dl{display:block;margin-top:30px;padding-right:40px;text-align:right;}
.history_r dl dt,
.history_l dl dt{padding-bottom:15px;font-size:30px;color:#ae55c8;font-weight:bold;}
.history_r dl dd,
.history_l dl dd{font-size:16px;line-height:150%;}
.history_r dl dd span,
.history_l dl dd span{color:#e7a6fa;font-weight:500;}
#history .yearBox .dot{width:10px;height:10px;background:#ae55c8;border-radius:13px;-webkit-border-radius:13px;-moz-border-radius:13px;}
.history_r .dot{position:absolute;top:13px;left:-5px;}
.history_l .dot{position:absolute;top:13px;right:-5px;}

@media (min-width: 768px) and (max-width: 991px) {
#history .title{height:240px;padding:90px 0 60px;}
}

@media all and (max-width: 767px) {
#history .title{height:220px;padding:80px 0 40px;}
#history .title .tit{font-size:24px;}
#history .title .sin{padding-top:15px;font-size:14px;}
.history_r dl{padding-left:20px;}
.history_l dl{padding-right:20px;}
.history_r dl dt,
.history_l dl dt{padding-bottom:12px;font-size:24px;}
.history_r dl dd,
.history_l dl dd{font-size:13px;}
.history_r dl dd span,
.history_l dl dd span{font-weight:bold;}
#history .yearBox .dot{width:7px;height:7px;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.history_r .dot{top:10px;left:-3px;}
.history_l .dot{top:10px;right:-4px;}
}

@media all and (max-width: 480px) {
#history .yearBox{background-position:0 0;}
.history_r{width:100%;left:0;}
.history_l{width:100%;left:0;}
.history_r dl{margin-top:20px;padding-left:15px;}
.history_l dl{text-align:left;margin-top:20px;padding-left:15px;padding-right:0;}
.history_r dl dt,
.history_l dl dt{padding-bottom:10px;font-size:20px;}
.history_r .dot{top:7px;left:-3px;}
.history_l .dot{top:7px;left:-3px;}
}


/********************************************** 오시는길 *************************************************/
#map{position:relative;width:100%;margin:0 auto;}
#map .mapBox{border:solid 1px #ddd;}
#map .mapInfo{margin-top:50px;}
#map .mapInfo ul{}
#map .mapInfo ul li{margin-bottom:10px;padding:15px;font-size:16px;border:solid 1px #ddd;}
#map .mapInfo ul li i{width:30px;height:30px;margin-right:8px;font-size:18px;color:#fff;line-height:30px;background:#f95c67;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;text-align:center;}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (max-width: 767px) {
#map .mapInfo ul li{padding:10px;font-size:13px;}
#map .mapInfo ul li i{width:24px;height:24px;margin-right:5px;font-size:16px;line-height:24px;border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;}
}

@media (max-width: 640px) {
}

/********************************************** 브랜드스토리 *************************************************/
#brand{position:relative;width:100%;margin:0 auto;text-align:center;word-break:keep-all;}
#brand h3{position:relative;padding:30px 0;font-size:24px;font-weight:300;line-height:150%;text-transform:uppercase;}
#brand h3 span{font-weight:500;}
#brand .img{position:relative;width:100%;margin:0 auto;padding-bottom:130px;}
#brand .img img{width:100%;max-width:1200px;box-shadow:0 30px 30px #dadada;}
#brand .img .line{position:absolute;bottom:60px;left:50%;}
#brand h4{position:relative;font-size:28px;font-weight:300;line-height:150%;letter-spacing:-.2px;text-transform:uppercase;}
#brand h4 p{padding-top:5px;font-size:15px;font-weight:500;}
#brand .img2{position:relative;width:100%;margin:0 auto;padding:30px 0;}
#brand .img2 img{width:100%;max-width:800px;}
#brand p{font-size:18px;line-height:180%;letter-spacing:-.2px;word-break:keep-all;}
#brand .box{position:relative;width:100%;margin-top:60px;padding:35px 0;background:#fafafa;}
#brand .box dt{padding:35px 30px 30px;}
#brand .box dt img{width:100%;max-width:606px;}
#brand .box dd{font-size:18px;line-height:180%;}
#brand ul{position:relative;}
#brand ul:after {clear: both; content: ""; display: block;}
#brand ul li{float:left;width:33.3333%;height:427px;}
#brand ul li.healthy{background:url(../images/sub/img_brand01_4.jpg) no-repeat 50% 50%;background-size:cover;}
#brand ul li.beauty{background:url(../images/sub/img_brand01_5.jpg) no-repeat 50% 50%;background-size:cover;}
#brand ul li.high{background:url(../images/sub/img_brand01_6.jpg) no-repeat 50% 50%;background-size:cover;}
#brand ul li img{width:100%;}

/* 오앤에프 */
#brand h3 .onf{color:#7f4382;}
#brand h4.onf{color:#7f4382;}
#brand h4 p.onf{color:#f1ddf2;}
#brand p span.onf{color:#71a500;}
#brand .box dd span.onf{color:#71a500;}
#brand p.onfBox{padding:54px 30px 50px;color:#fff;background:#7f4382}

/* 레스아로마 */
#brand h3 .les{color:#f95c67;}
#brand h4.les{color:#f95c67;}
#brand h4 p.les{color:#ffd6d8;}
#brand p span.les{color:#f95c67;}
#brand .box dd span.les{color:#71a500;}
#brand p.lesBox{margin-top:40px;padding:54px 30px 50px;color:#fff;background:#f6757e}

@media (min-width: 768px) and (max-width: 991px) {
#brand h3{padding:20px 0;font-size:20px;}
#brand .img{padding-bottom:80px;}
#brand h4{padding:0 20px;font-size:22px;font-weight:normal;}
#brand h4 p{font-size:13px;}
#brand h4 br{display:none;}
#brand p{padding:0 20px;font-size:16px;line-height:150%;}
#brand p br{display:none;}
#brand .box{margin-top:40px;padding:25px 0;}
#brand .box dd{padding:0 30px;font-size:16px;line-height:150%;}
#brand .box dd br{display:none;}
#brand p.onfBox{padding:30px 20px;}
#brand p.lesBox{margin-top:30px;padding:30px 20px;}
}

@media all and (max-width: 767px) {
#brand h3{padding:0 0 20px;font-size:16px;font-weight:normal;letter-spacing:-.2px;line-height:135%;}
#brand .img img{box-shadow:0 10px 10px #dadada;}
#brand .img{padding-bottom:30px;}
#brand .img .line{display:none;}
#brand h4{padding:0 20px;font-size:16px;line-height:135%;font-weight:normal;}
#brand h4 p{font-size:13px;}
#brand h4 br{display:none;}
#brand p{padding:0 20px;font-size:13px;line-height:150%;}
#brand p br{display:none;}
#brand .box{margin-top:30px;padding:20px 0;}
#brand .box dt{padding:10px 30px 20px;}
#brand .box dd{padding:0 30px;font-size:13px;line-height:150%;}
#brand .box dd br{display:none;}
#brand p.onfBox{padding:30px 20px 30px;}
#brand p.onfBox br{display:none;}
#brand p.lesBox{margin-top:30px;padding:30px 20px;}
#brand p.lesBox br{display:none;}
#brand ul li{float:none;width:100%;height:256px;overflow:hidden;}
}

@media all and (max-width: 640px) {
#brand ul li{height:128px;}
}

/********************************************** 교육 *************************************************/
#education{position:relative;width:100%;margin:0 auto;text-align:center;word-break:keep-all;}
#education .title{width:100%;height:280px;padding:120px 0 90px;background:url(../images/sub/img_edu01.jpg) no-repeat 50% 0;background-size:cover;}
#education .title .tit{font-size:28px;font-weight:500;color:#fff;}
#education .title .sin{padding-top:20px;font-size:15px;color:#fff;}
#education h3 p{padding-top:5px;font-size:15px;font-weight:500;}
#education .program{position:relative;width:100%;margin-bottom:70px;}
#education .program:after {clear: both; content: ""; display: block;}
#education .program .img{float:left;width:50%;}
#education .program .info{float:left;display:block;width:50%;text-align:left;}
#education .program .info .tit{ line-height: 140%;padding-bottom:15px;font-family: 'Youth', sans-serif !important;font-size:23px;font-weight:400;letter-spacing:0.5px;border-bottom:dashed 1px #ccc;}
#education .program .info .tit span{ font-family: 'Youth', sans-serif !important;}
#education .program .info .pro{}
#education .program .info .pro dt{margin:30px 0 15px;font-size:18px;font-weight:600;position: relative;padding-left: 17px;}
#education .program .info .pro dd{margin-top: 11px;font-size: 14px;padding-left: 8px;}
#education .program .info .pro dd.ico{margin-left:15px;padding-left:10px;background:url(../images/common/ico_sq.gif) no-repeat 0 5px;}
#education .program .info .pro dd span{color:#ff0000;}
#education p{margin-bottom:50px;padding-top:30px;font-size:18px;line-height:180%;letter-spacing:-.2px;word-break:keep-all;}
#education h4{display:inline-block;font-size:28px;font-weight:300;line-height:150%;letter-spacing:-.2px;border-bottom:solid 2px #222;}
#education .course{position:relative;}
#education .course:after {clear: both; content: ""; display: block;}
#education .course li{float:left;width:31.3333%;margin:30px 1% 0;position: relative;}
#education .course.brain li{width:23%;margin:30px 1% 0;}
#education .course li:hover{color:#fff;}
#education .course li:hover dl{height: 100%;opacity:1;}
#education .course li > dl{background: url(../images/common/bg0.png);transition:0.5s;text-align: center;
position: absolute;top: 0; height: 0;opacity:0;width: 100%;}
#education .course li img{width:100%;max-width:390px}
#education .course li > dl dt{font-size:20px; padding-toP: 26%;line-height: 160%;color:#fff!important}
#education .course li > dl dd{color:#d4d4d4;max-width:390px;height:50px;padding-top:10px;font-size:15px;line-height: 160%;}
#education .course li.center{width:48%;margin:30px 1% 0;}
#education .course li.center:hover dl{height: 100%;opacity:1;}
#education .course li.center dl{
    background: #000000db;
    transition: 0.5s;
    text-align: center;
    position: absolute;
    top: 0;
    height: 0;
    opacity: 0;
    width: 100%;
    left: 50%;
    max-width: 390px;
    margin-left: -195px;
}
#education .cate{position:relative;margin-top:20px;}
#education .cate:after {clear: both; content: ""; display: block;}
#education .cate li{float:left;width:25%;margin-top:30px;}
#education .cate li > .cir{overflow:hidden;position:relative;display:block;width:150px;height:150px;margin:0 auto;line-height:150px;border-radius:90px;-moz-border-radius:90px;-webkit-border-radius:90px;text-align:center;background:#ffdcc9;}
#education .cate li > p{padding-top:10px;font-size:15px;}
#education .btn_site{position:relative;margin:30px auto;}
#education .btn_site a{overflow:hidden;padding:15px 32px;font-size:15px;color:#fff;background:#e77536;border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;}
#education .btn_site a:hover{background:#b75621;}

#education.heel p span{color:#e77536;}
#education.heel .course li > dl dt{color:#e77536;}
#education.aromes .program .info{border: 1px solid #e8e8e8;}/*background:#f1f7ed;}*/
#education.aromes .program .info .tit{color:#333;}
#education.aromes .program .info .tit span{color:#71a500;}
#education.aromes .program .info .pro dt{color:#71a500;}
#education.aromes .program .info .pro dt:after {
    position: absolute;
    content: '';
    background: #7dad16;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    border: 2px solid #bdd096;
}
#education.aromes .course li > dl dt{color:#71a500;}
#education.brain .program .info{border: 1px solid #e8e8e8;}/*background:#d8b29e;}f7e8e0*/
#education.brain .program .info .tit{font-size:23px;color:#333;letter-spacing:-.8px;}
#education.brain .program .info .tit span{color:#e77536;}
#education.brain .program .info .pro dt{color:#e77536;}
#education.brain .program .info .pro dt:after {
    position: absolute;
    content: '';
    background: #e77536;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 5px;
    left: 0;
    border: 2px solid #ffbd99;
}
#education.brain .course li > dl dt{color:#e77536;}
#education.life .title2{width: 100%;height: 280px;padding: 80px 20px 0;background: url(../images/sub/img_edu04b.jpg) no-repeat 50% 0; background-size: cover;}
#education.life .title2 .tit{letter-spacing: -0.25pt;font-size: 26px; font-weight: 500;line-height: 180%; color: #fff;}
#education.life .title2 .tit > span{color:#fff}
#education.life .title2 .sin{padding-top: 20px;margin-bottom:0!important;font-size: 15px!important; color: #fff;}

#education.life .program .info{background:#dcca86;}
#education.life .program .info .tit{margin-left:20px;color:#333;}
#education.life .program .info .tit span{color:#fd2635;}
#education.life .program .info .pro dt{color:#f95c67;}
#education.life .course li > dl dt{color:#f95c67;}
@media (min-width: 1200px) {
#education .program .img{height:410px;}
#education .program .info{height:410px;padding: 30px 20px 30px 40px;}
#education.life .program .info .tit{padding:125px 0 30px;border-bottom:0;}
#education.life .program .info .pro dt{color:#f95c67;}
}

@media (min-width: 992px) and (max-width: 1199px) {
#education .program .img{height:380px;}
#education .program .img img{display:none;}
#education .program .info{height:380px;padding:30px 20px;}
#education .program .info .tit{font-size:24px;}

#education.aromes .program .img{background:url(../images/sub/img_edu02.jpg) no-repeat 50% 50% #fafafa; background-size:cover;}
#education.brain .program .img{background:url(../images/sub/img_edu03.jpg) no-repeat 50% 50% #fafafa; background-size:cover;}
#education.life .program .img{height:290px;background:url(../images/sub/img_edu04.jpg) no-repeat 50% 50% #fafafa; background-size:100% ;}
#education.life .program .info{height:290px;}
#education.life .program .info .tit{padding:30px 0 15px;border-bottom:0;}
}

@media (min-width: 769px) and (max-width: 991px) {
#education .program{margin-bottom:70px;}
#education .program .img{width:42%;height:390px;}
#education .program .img img{display:none;}
#education .program .info{width:58%;height:390px;padding:30px 20px;}
#education .program .info .tit{font-size:24px;}
#education .program .info .pro dt{margin-top:20px;font-size:18px;}
#education .program .info .pro dd{margin-top:9px;font-size:14px;}

#education p{padding-top:30px;font-size:16px;line-height:180%;letter-spacing:-.2px;}
#education .course li{width:48%;}
#education .course li > dl dt{font-size:16px;}
#education .course li > dl dd{font-size:14px;}
#education .course.brain li{width:48%;}

#education.aromes .program .img{background:url(../images/sub/img_edu02.jpg) no-repeat 50% 50% #fafafa; background-size:cover;}
#education.brain .program .img{background:url(../images/sub/img_edu03.jpg) no-repeat 50% 50% #fafafa; background-size:cover;}
#education.life .program .img{width:50%;height:260px;background:url(../images/sub/img_edu04.jpg) no-repeat 50% 50% #fafafa; background-size:100% ;}
#education.life .program .info{width:50%;height:260px;}
#education.life .program .info .tit{padding:30px 0 15px;border-bottom:0;}
}

@media all and (max-width:850px) {
#education .course li.center dl{left:0;margin-left:0;}
}
@media all and (max-width: 768px) {
#education .program{margin-bottom:40px;}
#education .program .img{float:none;width:100%;height:auto;}
#education .program .img img{width:100%;}
#education .program .info{float:none;width:100%;height:auto;padding:30px 20px;}
#education .program .info .tit{padding:0 0 15px 0;font-family:'Noto Sans KR', sans-serif !important;font-size:20px;letter-spacing:-.5px;text-align:center;border-bottom:dashed 1px #ccc;}
#education .program .info .tit span{font-family:'Noto Sans KR', sans-serif !important;}
#education .program .info .pro{padding:0;}
#education .program .info .pro dt{margin-top:20px;font-size:16px;}
#education .program .info .pro dd{margin-top:9px;font-size:13px;}

#education h4{font-size:22px;font-weight:normal;}
#education p{padding-top:30px;font-size:13px;line-height:150%;letter-spacing:0;}
#education .course li{width:48%;}
#education .course li > dl dt{font-size:16px;padding-toP: 20%;}
#education .course li > dl dd{font-size:14px;}
#education .course li.center > dl dt{padding-top:20%;}	
#education .course.brain li{width:48%;}
#education .cate li{width:33.3333%;}
#education .cate li > .cir{width:120px;height:120px;line-height:120px;border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;}
#education .cate li > .cir img{width:50%;}
#education .cate li > p{font-size:13px;}

#education.brain .program .info .tit{padding:0 0 20px;font-size:20px;}
#education.life .program .info .tit{padding:0;font-family:'Noto Sans KR', sans-serif !important;border-bottom:0;}
#education.life .program .info .tit span{font-family:'Noto Sans KR', sans-serif !important;}
#education.life .program .info .tit br{display:none;}
#education.life .program .info .pro dt{color:#f95c67;}
#education.life .title2 .tit{font-size:23px;}
}

@media all and (max-width: 480px) {
#education .course{margin-top:0;}
#education .course li{float:none;width:100%;margin:30px 0 0;}
#education .course.brain li{width:100%;margin:30px 0 0;}
#education .course li > dl dt{padding-top:16%}
#education .course li.center{width:100%;margin:30px 0 0;}
#education .course li.center dl{width:100%!important;margin-left:0}
#education .course li:hover dl{height:100%;}
#education .course li > dl{width:100%;}
#education .course li > dl dt{font-size: 1.8em; padding-top: 23%;line-height:160%;}
#education .course li > dl dd{font-size: 1.2em;padding-top: 10px;line-height: 180%;}
#education .cate li > .cir{width:100px;height:100px;line-height:100px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}
#education .cate li > .cir img{width:58%;}
#education.life .title2 .tit{font-size:19px;}
}

@media all and (max-width: 360px) {
#education .cate li > .cir{width:80px;height:80px;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;}
#education.life .title2 .tit{font-size:17px;}

}
/********************************************** 제품리스트페이지 *************************************************/

/********************************************** 개인정보처리방침 *************************************************/
#privacy{position:relative;width:100%;margin:0 auto;padding:0;font-size:14px;}
#privacy h4{margin-top:30px;font-size:18px;font-weight:normal;}
#privacy p{margin-bottom:0;padding-top:10px;color:#888;line-height:150%;}
#privacy ul{}
#privacy ul li{padding-top:7px;color:#888;line-height:150%;}
#privacy ul li ul{padding-left:10px;line-height:150%;}
#privacy dl{}
#privacy dl dt{padding-top:7px;font-size:16px;font-weight:normal;line-height:150%;}
#privacy dl dd{padding-top:7px;line-height:150%;}
#privacy dl dd > ul{padding-left:10px;line-height:150%;}

@media all and (max-width: 767px) {
#privacy{font-size:13px;}
#privacy dl dt{font-size:14px;}
}


/********************************************** 이용안내 *************************************************/
#use{position:relative;width:100%;margin:0 auto;padding:0;font-size:14px;}
#use h4{margin-top:30px;font-size:18px;font-weight:normal;}
#use p{margin-bottom:0;padding-top:10px;color:#888;line-height:150%;}
#use ul{}
#use ul li{padding-top:7px;color:#888;line-height:150%;}
#use ul li ul{padding-left:10px;line-height:150%;}
#use dl{}
#use dl dt{padding-top:7px;font-size:16px;font-weight:normal;line-height:150%;}
#use dl dd{padding-top:7px;color:#888;line-height:150%;}
#use dl dd > ul{padding-left:10px;line-height:150%;}

@media all and (max-width: 767px) {
#use{font-size:13px;}
#use dl dt{font-size:14px;}
}