@charset "utf-8";

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

/* 페이지공통 */
#pageCm{position:relative;font-size:16px;width:1070px;padding-bottom:50px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:35px;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'}
#pageCm .pg_color{color:#ef5e53}
.p_area{font-family:'notokr-regular'}

/* 인사말 */

/* 서비스필요성 */
.p36{width:100%;font-size:15px;color:#333;letter-spacing:-0.6px}
.p36 ul:after{display:block;clear:both;content:""}
.p36 li{float:left;width:505px;min-height:695px;border:1px solid #ddd}

.p36 li:nth-child(2){position:relative;margin-left:60px}
.p36 li:nth-child(2):before{display:block;position:absolute;top:50%;left:-43px;width:43px;height:23px;background:url(/sh_page/img/p36_arrow.png) 0 0 no-repeat;content:""}
.p36 li:nth-child(2) .tit i{color:#f4601a}
.p36 li:nth-child(2) dt div{background-color:#f4601a}
.p36 li:nth-child(2) dd span{color:#f4601a}
.p36 li:nth-child(2) dd i{color:#f4601a}
    
.p36 .tit{padding:10px 30px;border-bottom:1px solid #ddd;font-size:18px;color:#fff;background:#f7f7f7}
.p36 .tit i{padding-right:25px;font-size:35px;color:#3f322d;font-family:'notokr-bold'}
.p36 .tit span{font-size:16px;color:#666}
.p36 .cont {padding:30px;}
.p36 .cont dl{background-color:rgba(255, 255, 255, 0.8);border-bottom:1px dotted #ddd}
.p36 .cont dl:last-child{border-bottom:0}
.p36 .cont dl:after{display:block;clear:both;content:""}
.p36 .cont dt{float:left;width:30px;height:50px;padding:16px;padding-left:0;font-size:11px;color:#fff;background-color:rgba(255, 255, 255, 0.3);font-family:'notokr-bold'}
.p36 .cont dt div{width: 30px;height: 30px;line-height: 28px;font-size: 14px;text-align: center;background-color:#53301f}
.p36 .cont dd{float:left;padding-left:20px;line-height:60px;color:#666}
.p36 .cont dd i{padding:0 3px;color:#53301f}
.p36 .cont dd span{color:#53301f;font-family:'notokr-medium'}

/* 도입효과 */
.p37 span{font-family:'notokr-medium'}
.p37 .color{color:#f4601a}
.p37 ul:after{display:block;clear:both;content:""} 
.p37 ul{height:280px;margin-bottom:30px;font-size:15px;color:#555;border:1px solid #ddd;border-radius:5px;text-align:center}
.p37 ul:nth-child(3) .color,.p37 ul:nth-child(5) .color{color:#792800}
    
.p37 li{float:left;width:356px;height:100%;font-size:18px;border-right:1px solid #ddd}
.p37 li:first-child{font-size:18px;color:#333;font-family:'notokr-bold'}
.p37 li:first-child div{width:150px;height:150px;margin:0 auto;margin-top:32px;margin-bottom:20px;line-height:150px;background-color:#f9f9f9;border-radius:50%}
.p37 li:last-child{border-right:none;font-family:'notokr-medium'}
.p37 li:last-child div{margin:0 auto;margin-top:35px;margin-bottom:20px;line-height:179px;}
.p37 li:nth-child(2){padding:96px 0 0 29px;text-align:left;background-color:#f9f9f9}