/********************************************************
* Sub Page
*********************************************************/

#container{position: relative; top: 91px;}

/* Common */
.sub-visual {position:relative; height:250px; transition:height .3s; width:100%;}
.sub-visual__bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.sub-visual__img {height:100%; background-size:cover!important; animation:visualAnimation forwards linear 1s; background: url(../images/sub/sub_top.jpg) no-repeat;}
@keyframes visualAnimation {0%{transform:scale(1.02);} 100%{transform:scale(1);}}

.inner.title_wrap{position: relative; width: 100%; background: url(../images/sub/pattern.png)repeat-x left bottom; text-align: left; padding: 0 0 20px; display: inline-block; margin-bottom: 50px;}
.inner.title_wrap > h2 {float: left; line-height: 1.3; font-size: 30px; color: #222; font-weight: 700;}
.sub-bread-nav-wrap{display: block; float: right; margin: 10px 0 0 20px;}
.sub-bread-nav-wrap ul{display: inline-block; position: relative;}
.sub-bread-nav-wrap ul:after{display: block; clear: both; visibility: hidden;content: '';}
.sub-bread-nav-wrap ul li{float: left; position: relative; line-height: 24px; color: #494949;}
.sub-bread-nav-wrap ul li:not(:last-child):after{display: inline-block; content: ''; margin: 10px 10px 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #c5c5c5; vertical-align: top;}
.sub-bread-nav-wrap ul li a{display: inline-block; position: relative; line-height: 25px; vertical-align: top; font-size: 15px;}
.sub-bread-nav-wrap ul li.sub-bread-nav__home a{width: 16px; height: 17px; margin: 4px 0 0; font-size: 0; background: url(../images/sub/home.png) no-repeat;}


.sub-content{width: 1240px; margin: 0 auto; padding: 100px 0;}
.sub-content p{text-align: justify;}
.sub_tba{display: block; margin: 0 auto;}
.sub-content > h3.border{background: #000; color: #fff; padding: 10px 15px; border-radius: 20px 0 0 0; display: inline-block;}

h3.section-title {font-size: 25px;; line-height: 4rem; font-weight: 600; color: #000; letter-spacing: 0; word-break: keep-all; position: relative; clear:both; z-index: 0;}
h3.section-title font{font-size: 15px; font-weight: 300;}
h3.section-title:after{display:block; content:''; width: 20px; height: 20px; position:absolute; top:16px; left: -9px; background: #c5cbf5; border-radius:50%; z-index:-1;}


.pageLocation {width:100%; position:absolute; bottom:0;}
.pageLocation > div{max-width:1240px;margin: auto;}
.pageLocation > div ul{text-align:center;}
.pageLocation ul li{position: relative; float:left; font-size:14px;color:#fff; width:233px;}
.pageLocation ul li a{display:block;  padding:24px 0; background:#293ab1; border-left:1px solid rgba(255,255,255,.2);} 
.pageLocation ul li a.ThisPage{background:#e5660c;}
.pageLocation ul li:first-child a{border-radius:30px 0 0 0;}
.pageLocation .n1 > li{width:100%;} .pageLocation .n3 > li{width:33.333%;} .pageLocation .n4 > li{width:25%;} .pageLocation .n7 > li{width:14.2857%;}

.pageLocation .line-h > a{padding: 13.5px 0;}

#footer{border-top: 1px solid #ddd; margin: 0; clear: both;}




h5.circle{font-family: 'Pretendard';position:relative;padding-left:30px; letter-spacing:-.5px; box-sizing:border-box;font-size:20px; font-weight:700; color:#333; line-height:1;}
h5.circle:before{width:20px; height:20px;top:50%; border-radius:50px; margin-top:-10px;left:0;content:'';background:rgba(49,129,202,.2);position:absolute;}
h5.circle:after{width:8px; height:8px;top:50%; border-radius:50px;margin-top:-4px;left:6px;background:#3181ca;content:'';position:absolute;}

.table-basic tr td > a{font-weight:600; text-decoration: underline;}
.table-basic tr td > p > span{font-style: italic; font-size: 14px;}