/* common */
.sub_h1 { font-size:50px; font-weight: bold; line-height: 1; margin-bottom: 50px; }
.sub_h2 { font-size:16px; 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: 35px; font-weight: bold; margin:0 0 40px; }
.sub_h3:before { content:""; display: block; width:25px; height: 3px; background:#1f4de5; margin:0 auto 15px; }
.sub_p { font-size:18px; line-height: 1.83; color: #333333; font-weight: 300; }
.sub_p ~ .sub_p { margin-top: 20px; }

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


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

.view_slider .slick-dots { display: flex; justify-content: center; margin-top:50px; }
.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; }

.view_slider .slick-arrow { cursor: pointer; position:absolute; z-index: 3; opacity: 1; border:0; font-size: 0; display: block ;width: 37px; height: 73px;
top:45%;  transform: translateY(-50%); }
.view_slider .slick-arrow.slick-prev { background:url("../img/view_prev.png") 50% no-repeat; left: -100px;}
.view_slider .slick-arrow.slick-next { background:url("../img/view_next.png") 50% no-repeat; right: -100px;}
.view_slider .slick-arrow:focus {outline: none; border: none;}