@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 페이지 포인트 컬러 */
#pageCm .pg_color{color:#20a147}
#pageCm .pg_bdcolor:before{border-color:#20a147}
#pageCm .pg_bgcolor{background-color:#20a147}

/* 공통 */
#pageCm{position:relative;font-size:16px;width:1200px;margin:0 auto;padding-bottom:50px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
#pageCm .tit_area span{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-family:'notokr-bold'}
#pageCm .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#pageCm .tit_area p{font-size:29px;line-height:1.4}
#pageCm .t_center{text-align:center}
#pageCm .c_black{color:#333}
#pageCm strong{font-weight:normal;font-family:'notokr-bold'}
#pageCm .stit_area{font-size:17px;line-height:1.6}
#pageCm .stit_area h4{padding-bottom:15px;font-size:29px;font-weight:normal;line-height:1.4;font-family:'notokr-regular'}
.p33{overflow:hidden;padding-bottom:80px;margin-bottom:80px;border-bottom:1px dashed #ddd}
.p33 .img_box{position:relative;width:1070px;margin:0 auto}
.p33 .img_box .deco{position:absolute;z-index:10;right:100px;top:160px;animation:rotation 30s linear infinite;}
@keyframes rotation {0%{transform: rotate(0deg);}100%{transform:rotate(360deg);}}

.p33 .p33_cont{position:relative;clear:both;width:1070px;margin:30px auto 0;border-top:1px solid #ddd}
.p33 .p33_cont:before{position:absolute;left:0;top:-2px;content:'';width:60px;height:3px;background:#20a147}
.p33 .p33_cont .p33_tit{float:left;width:300px;padding-top:30px;margin-bottom:10px;font-size:26px;color:#333;opacity:0;font-family:'notokr-light'}
.p33 .p33_cont .p33_txt{float:left;font-size:16px;padding-top:60px;line-height:28px;color:#666;opacity:0;font-family:'notokr-regular'}
.p33 .p33_cont .p33_txt .sine{font-weight:normal;font-size:15px;color:#333;font-family:'notokr-medium'}
.p33 .p33_tit span{font-family:'notokr-bold'}
.p33 .blue{color:#20a147}
.p33 .p33_02 .p33_cont02{position:relative;margin-top:-30px;opacity:0}

/*움직임*/
.p33.active .p33_tit{padding-top:60px;opacity:1;transition:all 1s}
.p33.active .p33_txt{padding-left:66px;opacity:1;transition:all 1s}
.p33 .p33_02.active .p33_cont02{margin:0;opacity:1;transition:all 1s}

.p35 .p35_cont{overflow:hidden;padding:20px 0;borde-top:1px solid #dddtext-align:center}
.p35 .p35_cont > img{opacity:0}
.p35.active .p35_cont img{opacity:1;transition:all 1s}

.p36{width:100% !important}
.p36 .p36_cont{overflow:hidden;padding:20px 0;border:1px solid #ddd;border-left:0;border-right:0}
.p36 .p36_cont img{opacity:0}
.p36.active .p36_cont img{opacity:1;transition:all 1s}