/* 공통 */
.sub_con {width: 1300px; margin:0 auto; position: relative;}
.sub_title {text-align: center;}
.sub_title h2 {    font-size: 14px; font-weight: 400; color: #0867ae; letter-spacing: 7px; font-family: 'Montserrat'; margin-bottom: 15px; text-transform: uppercase;}
.sub_title h1 {    font-size: 35px; font-weight: 400; color: #333; font-family: 'NanumSquare',sans-serif; line-height: 55px;}
.sub_title h1 b {font-weight: 800;}
.apos_head {display: inline-block; position: relative; text-align: center; }
.apos_head h1 {font-size:30px; font-weight: 400; color:#333; font-family: 'NanumSquare',sans-serif;}
.apos_head h1 span {font-weight: 800; color:#0867ae;}
.apos_head > img {position: absolute; top:-20px;}
.apos_head > img.apos1 {left:-75px;}
.apos_head > img.apos2 {right:-75px;}
.sub_p {font-size:15px; font-weight: 300; color:#666; letter-spacing: -.5px; line-height: 30px; word-break: keep-all;}
.sub_list {text-align: left;}
.sub_list li {font-size:14px; font-weight: 300; color:#666; letter-spacing: -.5px; margin-bottom: 10px; display: flex; align-items: flex-start;}
.sub_list li:last-child {margin-bottom: 0;}
.sub_list li::before {content: ''; display: block; width: 3px; height: 3px; background: #0867ae; margin-right: 8px; position: relative; top:9px;}


/*Content CSS*/
#pr2 {padding:0 0 120px;  }

/* brochure */
.bro_flex {display: flex; justify-content: center; align-items: flex-end;}
.bro_img {border:1px solid #ddd;}
.bro_txt {margin-left:100px; }
.bro_txt h2 {font-size:32px; font-weight: 800; color:#333;  font-family: 'NanumSquare',sans-serif;}
.bro_txt h2::after {content: ''; display: block; width: 53px; height: 1px ;background: #0867ae; margin:30px 0 35px;}
.bro_txt p {font-size:17px; font-weight: 400; color:#333; line-height: 32px; font-family: 'NanumSquare',sans-serif;}
.bro_txt span {display: block; font-size:13px; font-weight: 400; color:#b2bbc2; margin:100px 0 15px;}
.bro_txt a {width: 320px; height: 60px;  display: flex; align-items: center; justify-content: center; background: #333; font-size:16px; font-weight: 400; color:#fff;
text-transform: uppercase; transition: all .3s ease;}
.bro_txt a i {margin-left:15px; font-size:18px; transition: all .3s ease; position: relative;}
.bro_txt a:hover {background: #0867ae; transition: all .3s ease;}
.bro_txt a:hover i {animation: hv_ani .8s infinite ease-in-out;}






@media screen and (max-width: 600px) {

}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width:1200px) {

}