#sub #side-block p{width: 65px; height: 335px; background-position: center; background-repeat: no-repeat; transform: rotate(0); margin: 0 auto}
#sub #side-block img{width: auto;}
#sub #side-block .side-logo{margin-bottom: 110px;}
#sub #sub-banner{height: 500px; background-color: #aaa; position: relative; background-position: center; background-size: cover;}
#sub #sub-banner #sub-tab-container{position: absolute; bottom: 0; left: 0; background-color: #fff; text-align: center;}

#sub #sub-banner #sub-tab-container li{float: left; width: 180px;height: 90px; border-bottom: 1px solid #d2d2d2;}
#sub #sub-banner #sub-tab-container li a{display: block; width: 100%; height: 100%;line-height: 88px; transition: 0.2s;}
#sub #sub-banner #sub-tab-container li.on{border-bottom: 2px solid #183a9d;}
#sub #sub-banner #sub-tab-container li.on a{color: #183a9d; font-family: 'NEXON Lv1 Gothic OTF Bold';}
#sub #sub-banner #sub-tab-container li a:hover{background-color: #6683db; color: #fff;}

#sub-content{max-width: 1400px; padding-bottom:120px;}
#sub-content .ready-wrap{padding-top: 170px; text-align: center;}
#sub-content .ready-wrap img{width: auto;}

h2{margin-top: 100px; font-size: 36px; color: #183a9d;}
h2.center{text-align: center;}
h2.right{text-align: right;}
h2.bold{ font-family: 'NEXON Lv1 Gothic OTF Bold';}
h2 b{position: relative;font-family: 'NEXON Lv1 Gothic OTF Bold'; vertical-align: baseline; z-index: 1;}
h2 b::before{width: 102%; height: 60%; display: block; content: ''; position: absolute;background-color: #cef098; z-index: -1; transform: translate(-50%, 3%); left: 50%; bottom: 0}

h3.dot{padding-left: 20px;position: relative; margin-top: 30px; font-size: 24px;  font-family: 'NEXON Lv1 Gothic OTF Bold'; color: #000;}
h3.dot::before{position: absolute; left: 0; top: 7px; background-color: #fff100; width: 15px; height: 15px;border-radius: 50%; display: block ; content: '';}

.sub-tag{ margin-top: 100px;}
.sub-tag.center{text-align: center;}
.sub-tag span{border-radius: 50px; color: #fff; background-color: #aaa; padding: 15px 20px 10px 20px; letter-spacing: 1px;}
.sub-tag span b{font-size: 22px; color: #fff462; vertical-align: baseline;}
.sub-tag ~ h2{margin-top: 30px;}

b{font-family: 'NEXON Lv1 Gothic OTF Bold';}

strong{font-family: 'NEXON Lv1 Gothic OTF Bold';}

p{line-height: 1.7; letter-spacing: 0.3px; font-size: 18px; color: #333; word-spacing: -1px;}
p.txt{margin-top: 50px;}
p.center{text-align: center;}
p.bold{font-family: 'NEXON Lv1 Gothic OTF Bold';}
p.dot{padding-left: 15px;position: relative; margin-top: 30px;}
p.dot::before{position: absolute; left: 0; top: 8px; background-color: #aaa; width: 10px; height: 10px;border-radius: 50%; display: block ; content: '';}

.down-bar{width: 1px; background-color: #a0a0a0; height: 40px; margin: 45px auto;}
.down-bar + h2{margin-top: 0;}

.layer-container > div{float: left;}
.layer-container div.left{width: 50%;float: left; padding-right: 40px;}
.layer-container div.right{width: 50%;float: right; padding-right: 40px;}

.table-wrap{position: relative; margin-top: 60px;}
.table-wrap.inc-tit-box{margin-top: 100px;}
.table-tit-box{position: absolute; bottom: 100%; color: #fff; background-color: #aaa; border-radius: 30px 30px 0 0; padding: 15px 30px;}
.table-wrap i{display: none;}
table{border-top: 2px solid #000; background-color: #fff;}
th{text-align: center;}
th,
td{padding: 15px 30px; font-size: 16px; border-bottom: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4;}
td:last-child,th:last-child, thead th:last-child{border-right: 0;}

img{width: 100%;}
.img-wrap{margin-top: 50px;}
.box-shadow{box-shadow:10px 10px 0 0 rgba(0, 0, 0, 0.1)}

ul.dot-list li{position: relative; padding:3px 0 3px 15px}
ul.dot-list li::before{position: absolute; width: 7px; height: 7px; background-color: #f19149; content: ''; display: block; top: 10px; left: 0; border-radius: 50%;}

.img-wrap.plus-img{position: relative;}
.img-wrap.plus-img a{display: none;position: absolute; top: 0; left: 0; width: 250px; padding: 25px 0 25px 50px;background: rgba(0, 0, 0, 0.7) url(../img/plusimg_icon.png)no-repeat right 40px center; color: #fff;}

.writer-box{margin-top: 60px; background: #e4f3ff url(../img/sub05_02_sec02_box_icon.png)no-repeat 70px 50px; padding: 50px 20px 50px 160px;}
.writer-box div strong {font-size: 24px; vertical-align: baseline;margin-left: 10px;font-family: 'NEXON Lv1 Gothic OTF Bold';}
.writer-box p.dot{margin-top: 10px; line-height: 1.8;}
.writer-box p.dot::before{top: 8px; background-color: #f19149;}

.mt-60{margin-top: 60px !important}
.mob{display: none;}

@media (max-width: 1360px){
    #sub #side-block .side-logo img{width: 86%;}
}

@media (max-width: 1200px){
    #sub-content{padding: 0 25px 110px 25px;}
    #sub-content .ready-wrap{padding-top: 100px;}
    #sub-content .ready-wrap img{width: 100%;}
    h2{font-size: 30px; margin-top: 80px;}
    p{font-size: 16px;}
    li{font-size: 15px;}
    p.txt{margin-top: 30px;}

    .layer-container div.left{padding-right: 20px;}
    .layer-container div.right{padding-right: 20px;}
    .table-tit-box{padding: 15px 25px;}
    table *{font-size: 15px;}
    table th, table td { padding: 15px 20px;}
    .table-wrap{position: relative; margin-top: 50px;}
    .table-wrap.inc-tit-box{margin-top: 80px;}
}

@media (max-width: 768px){
    .mt-60 {margin-top: 30px !important;}

    #sub-content{padding: 0 15px 100px 15px;}
    #sub #sub-banner{height: 250px;}
    #sub #sub-banner #sub-tab-container{width: 100%;}
    #sub #sub-banner #sub-tab-container.on{position: fixed;top: 90px;border-top: 1px solid #d2d2d2;background-color: #fff;z-index: 2; height: 65px;box-shadow:0 0 9px rgba(0 0 0/ 10%);}
    #sub #sub-banner #sub-tab-container li{width: 33.333%; height: 65px;}
    #sub #sub-banner #sub-tab-container ul.col04 li{width: 25%;}
    #sub #sub-banner #sub-tab-container ul.col01 li{width: 100%;}
    #sub #sub-banner #sub-tab-container li a{line-height: 65px; font-size: 14px;}

    h2{font-size: 24px; margin-top: 40px;}
    .sub-tag { margin-top: 50px; font-size: 14px;}
    .sub-tag span b{font-size: 20px;}
    .sub-tag ~ h2 {margin-top: 20px;}
    .img-wrap{margin-top: 30px;}
    li{font-size: 15px;}
    p{font-size: 15px;}
    p.txt{margin-top: 15px;}
    p br{display: none;}
    p.no-br br{display: block;}
    
    .down-bar{margin: 20px auto; height: 20px;}
    .layer-container div.left{width: 100%; margin-bottom: 30px; padding: 0;}
    .layer-container div.right{width: 100%; padding: 0;}
    .table-scroll-wrap{overflow-x: scroll;}
    .table-tit-box {font-size: 14px;}
    .table-scroll-wrap > table{width: 768px;}
    table *{font-size: 14px;}
    table th, table  td { padding: 10px 15px;}
    .table-wrap{position: relative; margin-top: 40px;}
    .table-wrap i {display: block;font-style: inherit;font-size: 14px;color: #333; padding: 10px 0 10px 50px; background: url(../img/table-scroll.png)no-repeat left center; text-align: left;}
    p.dot{margin-top: 15px;}
    .mt-60{margin-top: 30px;}
    h3.dot{padding-left: 15px; margin-top: 20px; font-size: 20px}
    h3.dot::before{top: 8px; width: 10px; height: 10px;}
    .writer-box{margin-top: 20px;padding: 20px;background-image: none;}
    .box-shadow{box-shadow:10px 10px 0 0 rgba(0, 0, 0, 0.0)}
    .img-wrap.plus-img a{display: block;}
    .pc{display: none;}
    .mob{display: block;}
}

@media (max-width: 560px){
    .img-wrap.plus-img a {width: 150px; padding: 15px 0 15px 0px; text-align: center; background-image: none; font-size: 14px;}
}

@media (max-width: 460px){
    h2 {font-size: 22px;}
    h3.dot {margin-top: 15px;font-size: 18px;}
    h3.dot::before {top: 6px;}
    p {font-size: 14px; line-height: 1.5;}
    p.txt { margin-top: 15px;}
    .sub-tag span b {font-size: 18px;}
    table * {font-size: 12px;}
    .table-wrap i{font-size: 12px; padding: 5px 0 5px 30px; background-size: 25px;}
    li {font-size: 14px;}
    #sub #sub-banner #sub-tab-container li {height: 55px;}
    #sub #sub-banner #sub-tab-container li a {line-height: 58px;font-size: 13px;}


	#sub #sub-banner #sub-tab-container.on{top: 80px;z-index: 2; height: 56px;box-shadow:0 0 9px rgba(0 0 0/ 10%);}


}