/* common */
.sub_h1 { font-size:30px; font-weight: bold; line-height: 1; margin-bottom: 35px; }
.sub_h2 { font-size:13px; font-weight: bold; letter-spacing: 1.6px; color: #1f4de5; margin-bottom: 20px; line-height: 1; text-transform: uppercase; }
.sub_h3 { position:relative; line-height: 1; font-size: 22px; font-weight: bold; margin:0 0 35px; }
.sub_h3:before { content:""; display: block; width:25px; height: 3px; background:#1f4de5; margin:0 auto 15px; }
.sub_p { font-size:15px; line-height: 30px; color: #333333; font-weight: 300; }
.sub_p ~ .sub_p { margin-top: 20px; }

.sec_pad { padding:80px 0 100px; }


/* contents */
#view { position:relative; padding:0 0 80px; text-align: center; z-index: 1; overflow: hidden; }
#view:after { content:""; position:absolute; left:0; width:100%; bottom:0; height: 50%; background:#f7f7f7; z-index: -1; }

.view_slider .slick-dots { display: flex; justify-content: center; margin-top:30px; }
.view_slider .slick-dots button { border-radius: 50%; font-size:0; transition: all .3s ease ; width: 12px;height: 12px; border:1px solid #ddd; }
.view_slider .slick-dots .slick-active button {background-color: #1f4de5; border-color: #1f4de5;}
.view_slider .slick-dots li {margin-right: 13px ;}
.view_slider .slick-dots li:last-child {margin-right: 0; }